快捷導(dǎo)航

javascript定義函數(shù)的方法

更新時間：2010年12月06日 21:44:39 投稿：mdxy-dxy

javscript中定義和聲明函數(shù)有三種方式：正常方法構(gòu)造函數(shù) 函數(shù)直接量。

JavaScript 使用關(guān)鍵字 function 定義函數(shù)。

函數(shù)可以通過聲明定義，也可以是一個表達(dá)式。

函數(shù)聲明
在之前的教程中，你已經(jīng)了解了函數(shù)聲明的語法 :

function functionName(parameters) {
執(zhí)行的代碼
}

函數(shù)聲明后不會立即執(zhí)行，會在我們需要的時候調(diào)用到。
實例

function myFunction(a, b) {
return a * b;
}

函數(shù)表達(dá)式

JavaScript 函數(shù)可以通過一個表達(dá)式定義。
函數(shù)表達(dá)式可以存儲在變量中：

實例

var x = function (a, b) {return a * b};

在函數(shù)表達(dá)式存儲在變量后，變量也可作為一個函數(shù)使用：
實例

var x = function (a, b) {return a * b};
var z = x(4, 3);

以上函數(shù)實際上是一個匿名函數(shù) (函數(shù)沒有名稱)。
函數(shù)存儲在變量中，不需要函數(shù)名稱，通常通過變量名來調(diào)用。

Function() 構(gòu)造函數(shù)
在以上實例中，我們了解到函數(shù)通過關(guān)鍵字 function 定義。
函數(shù)同樣可以通過內(nèi)置的 JavaScript 函數(shù)構(gòu)造器（Function()）定義。

var myFunction = new Function("a", "b", "return a * b");
var x = myFunction(4, 3);

實際上，你不必使用構(gòu)造函數(shù)。上面實例可以寫成：

var myFunction = function (a, b) {return a * b}
var x = myFunction(4, 3);

函數(shù)提升（Hoisting）
在之前的教程中我們已經(jīng)了解了 "hoisting(提升)"。
提升（Hoisting）是 JavaScript 默認(rèn)將當(dāng)前作用域提升到前面去的的行為。
提升（Hoisting）應(yīng)用在變量的聲明與函數(shù)的聲明。
因此，函數(shù)可以在聲明之前調(diào)用：

myFunction(5);

function myFunction(y) {
  return y * y;
}

使用表達(dá)式定義函數(shù)時無法提升。
自調(diào)用函數(shù)
函數(shù)表達(dá)式可以 "自調(diào)用"。
自調(diào)用表達(dá)式會自動調(diào)用。
如果表達(dá)式后面緊跟 () ，則會自動調(diào)用。
不能自調(diào)用聲明的函數(shù)。
通過添加括號，來說明它是一個函數(shù)表達(dá)式：

(function () {
  var x = "Hello!!";   // 我將調(diào)用自己
})();

當(dāng)然也可以如下寫：

!function(){}();
+function(){}();
-function(){}();
~function(){}();
~(function(){})();
void function(){}();
(function(){}());

最常用的還是第一種方法。

以上函數(shù)實際上是一個匿名自我調(diào)用的函數(shù) (沒有函數(shù)名)。
函數(shù)可作為一個值使用
JavaScript 函數(shù)作為一個值使用：

function myFunction(a, b) {
  return a * b;
}

var x = myFunction(4, 3);

JavaScript 函數(shù)可作為表達(dá)式使用：

function myFunction(a, b) {
  return a * b;
}

var x = myFunction(4, 3) * 2;

函數(shù)是對象
在 JavaScript 中使用 typeof 操作符判斷函數(shù)類型將返回 "function" 。
但是JavaScript 函數(shù)描述為一個對象更加準(zhǔn)確。
JavaScript 函數(shù)有屬性和方法。
arguments.length 屬性返回函數(shù)調(diào)用過程接收到的參數(shù)個數(shù)：

function myFunction(a, b) {
  return arguments.length;
}

toString() 方法將函數(shù)作為一個字符串返回:

function myFunction(a, b) {
  return a * b;
}

var txt = myFunction.toString();

函數(shù)定義作為對象的屬性，稱之為對象方法。
函數(shù)如果用于創(chuàng)建新的對象，稱之為對象的構(gòu)造函數(shù)。

以下是各種方法的示例代碼

<html> 
<head></head> 
<body> 
<script type="text/javascript"> 
/*javascript定義函數(shù)(聲明函數(shù))可以有三種方法：正常方法、構(gòu)造函數(shù)、函數(shù)直接量。*/ 
/*1.正常方法 function(param){}*/ 
function print(msg) 
{ 
document.write(msg,"<br/>"); 
} 
/*如果函數(shù)不包含return 語句，只執(zhí)行函數(shù)體內(nèi)語句，并返回undefined*/ 
/*2.構(gòu)造函數(shù)方法：new Function()*/ 
var add1=new Function('a','b','return a+b'); 
/*3.函數(shù)直接量法，創(chuàng)建未命名函數(shù)，*/ 
var result = function(x,y){return x+y;}; 
/*也可以指定函數(shù)名*/ 
var result2 = function fact(x){if(x<1) return 1;else return x*fact(x-1)}; 
document.write('調(diào)用一般的方法：'); 
print("<hr/>"); 
print('調(diào)用構(gòu)造函數(shù)方法：add1(5,6)'); 
print(add1(5,6)); 
print("<hr/>"); 
print("調(diào)用函數(shù)直接量法:result(3,4)"); 
var re =result(3,4); 
print(re); 
print("調(diào)用函數(shù)直接量法:result2(3)"); 
print(result2(3)); 
print("<hr/>"); 
print('函數(shù)作為數(shù)據(jù)使用'); 
/*函數(shù)可以作為數(shù)據(jù)使用*/ 
function add(x,y){return x+y;} 
function subtract(x,y){return x-y;} 
function multiply(x,y){return x*y;} 
function divide(x,y){return x/y;} 
function operate(operator,operand1,operand2) 
{ 
return operator(operand1,operand2); 
} 
//計算(2+3) + (4*5) 
var i = operate(add,operate(add,2,3),operate(multiply,4,5)); 
print('(2+3) + (4*5)='+i); 
print("<hr/>"); 
//使用函數(shù)直接量 
var operators = new Object(); 
operators['add'] = function(x,y){return x+y;} 
operators['substract'] = function(x,y){return x-y;} 
operators['multiply'] = function(x,y){return x*y;} 
operators['divide'] = function(x,y){return x/y;} 
operators['pow'] = Math.pow; 
function operate2(op_name,operand1,operand2) 
{ 
if(operators[op_name] == null) return "unknown operator"; 
else return operators[op_name](operand1,operand2); 
} 
//定義"hello" + "" + "world" 
var j = operate2("add","hello",operate2("add"," ","world")); 
var k = operate2("pow",10,2); 
print(j); 
print(k); 
print("<hr/>"); 
</script> 
</body> 
</html>

運行結(jié)果為：
調(diào)用一般的方法：
--------------------------------------------------------------------------------
調(diào)用構(gòu)造函數(shù)方法：add1(5,6)
11
--------------------------------------------------------------------------------
調(diào)用函數(shù)直接量法:result(3,4)
7
調(diào)用函數(shù)直接量法:result2(3)
6
--------------------------------------------------------------------------------
函數(shù)作為數(shù)據(jù)使用
(2+3) + (4*5)=25
--------------------------------------------------------------------------------
hello world
100