快捷導(dǎo)航

JavaScript高級(jí)程序設(shè)計(jì) 讀書筆記之八 Function類及閉包

更新時(shí)間：2012年02月27日 23:48:59 作者：

Function類及閉包，學(xué)習(xí)js的朋友可以參考下

Function類

定義
　　Function類可以表示開發(fā)者定義的任何函數(shù)，用Function類直接創(chuàng)建函數(shù)的語(yǔ)法如下：

var function_name=new Function(agrument1,agrument2,...,argumentN,function_body);
　　每個(gè)argument都是一個(gè)參數(shù)，最后一個(gè)參數(shù)是函數(shù)主體(要執(zhí)行的代碼)。

　　示例：

復(fù)制代碼代碼如下:

 
function sayHi(sName,sMessage){ 
alert("Hello "+sName+","+sMessage); 
} 

還可以如下定義它：
var sayHi=new Function("sName","sMessage","alert(\"Hello\"+sName+\",\"+sMessage);");
　　注：盡管可用Function構(gòu)造函數(shù)創(chuàng)建函數(shù)，但最好不要使用它，因?yàn)橛盟x函數(shù)比用傳統(tǒng)方式要慢得多。不過(guò)，所有函數(shù)都應(yīng)看作是Function類的實(shí)例。
屬性和方法
　　因?yàn)楹瘮?shù)是引用類型，所以它們也有屬性和方法，ECMAScript定義的屬性length聲明了函數(shù)期望的參數(shù)個(gè)數(shù)，例如：

復(fù)制代碼代碼如下:

 
function doAdd(iNum){ 
alert(iNum+10); 
} 
function sayHi(){ 
alert("Hi"); 
} 
alert(doAdd.length);//outpus 1 
alert(sayHi.length);//outpus 0 

Function對(duì)象也有與所有對(duì)象共享的標(biāo)準(zhǔn)valueOf()方法和toString()方法，這兩個(gè)方法返回的都是函數(shù)的源代碼，在調(diào)試時(shí)尤其有用。
　　例如：

復(fù)制代碼代碼如下:

 
function doAdd(iNum){ 
alert(iNum+10); 
} 
alert(doAdd.toString()); 

這段代碼輸出了doAdd()函數(shù)的文本。
閉包
定義
　　所謂閉包，是指詞法表示包括不必計(jì)算的變量的函數(shù)，也就是說(shuō)，該函數(shù)能使用函數(shù)外定義的變量。在ECMAScript中使用全局變量是一個(gè)簡(jiǎn)單的閉包實(shí)例。
　　示例：

復(fù)制代碼代碼如下:

 
var sMessage="Hello World"; 
function sayHelloWold(){ 
alert(sMessage); 
} 
sayHelloWorld(); 

在一個(gè)函數(shù)中定義另一個(gè)函數(shù)會(huì)使閉包變得更復(fù)雜，如：

復(fù)制代碼代碼如下:

 
var iBaseNum=10; 
function addNumbers(iNum1,iNum2){ 
function doAddtion(){ 
return iNum1+iNum2+iBaseNum; 
} 
return doAddtion(); 
} 

這里函數(shù)addNumbers()包括函數(shù)doAddtion()（閉包）。內(nèi)部函數(shù)是個(gè)閉包，因?yàn)樗鼘@取外部函數(shù)的參數(shù)iNum1和iNum2以及全局變量iBaseNum的值。addNumbers()的最后一步調(diào)用了內(nèi)部函數(shù)，把兩個(gè)參數(shù)和全局變量相加，并返回它們的和。這里要掌握的重要概念是doAddtion()函數(shù)根本不接受參數(shù)，它使用的是從執(zhí)行環(huán)境中獲取的。
　　可以看到，閉包是ECMAScript中非常強(qiáng)大多用的一部分，可以用于執(zhí)行復(fù)雜的計(jì)算。就像使用任何高級(jí)函數(shù)一樣，在使用閉包時(shí)要當(dāng)心，因?yàn)樗鼈兛赡軙?huì)變得非常復(fù)雜。
本文示例代碼

復(fù)制代碼代碼如下:

 
<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<title>《JavaScript高級(jí)程序設(shè)計(jì)》讀書筆記之八：Function類及閉包</title> 
<script type="text/javascript"> 
function doAdd(iNum){ 
alert(iNum+10); 
} 
function sayHi(){ 
alert("Hi"); 
} 
function lengthProperty(){ 
alert(doAdd.length); 
alert(sayHi.length); 
} 
function valueOfMethod(){ 
alert(doAdd.valueOf()); 
} 
function toStringMethod(){ 
alert(doAdd.toString()); 
} 
var sMessage="Hello World"; 
function sayHelloWorld(){ 
alert(sMessage); 
} 
function demoOne(){ 
sayHelloWorld(); 
} 
var iBaseNum=10; 
function addNumbers(iNum1,iNum2){ 
function doAddtion(){ 
return iNum1+iNum2+iBaseNum; 
} 
return doAddtion(); 
} 
function demoTwo(){ 
alert(addNumbers(1,2)); 
} 
</script> 
</head> 
<body> 
<h1>Length:</h1> 
<input type="button" onclick="lengthProperty()" value="LengthProperty"/> 
<h1>valueOf()/toString():</h1> 
<input type="button" onclick="valueOfMethod()" value="ValueOfMethod"/> 
<input type="button" onclick="toStringMethod()" value="ToStringMethod"/> 
<h1>閉包:</h1> 
<input type="button" onclick="demoOne()" value="Demo One"/> 
<input type="button" onclick="demoTwo()" value="Demo Two"/> 
</body> 