快捷導(dǎo)航

學習并匯集javascript匿名函數(shù)

更新時間：2010年11月25日 18:01:11 作者：

接觸jQuery很長時間了，對其的實現(xiàn)有太多疑問，可謂只知道皮毛，對其的精髓一竅不通，可悲?。∷杂斜匾芯肯缕渲械脑?。

古人有"授之以魚，不如授之以漁" ，沒有老師，就只能自己學"漁"了。還是從簡單的開始吧！
下面的這幾句代碼是最熟悉不過的了，但是你知道為什么這么寫嗎？為什么在頁面中加上這幾句代碼，jQuery對象就已經(jīng)被引入了。

 (function($){ 
 //功能的實現(xiàn)code 
 })(jQuery); 

我就從這個開始了！程序員都懂得如何google和baidu。同樣我也一樣...噢！原來這是javascript的匿名函數(shù)。

這個匿名函數(shù)是什么東西呢？慢慢來學習吧！
JavaScript定義一個函數(shù)一般有如下三種方式：
1. 函數(shù)關(guān)鍵字(function)語句：

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

 
function Name(a) { 
return a; 
} 

2. 函數(shù)字面量(Function Literals)：

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

 
var Name = function(a){ 
return a; 
} 

3. Function()構(gòu)造函數(shù)：

var Name = new Function('a','return a;')
上面三種方法定義了同一個方法函數(shù)Name ，第1種就是最常用的方法，后兩種都是把一個函數(shù)復(fù)制給變量Name ，而這兩個函數(shù)是沒有名字的，難道這就是所謂的匿名函數(shù)嗎？看下面的解釋吧！

函數(shù)字面量和Function()構(gòu)造函數(shù)是有區(qū)別的！
(1). 函數(shù)字面量是一個匿名函數(shù)，語法允許為其指定任意一個函數(shù)名，當寫遞歸函數(shù)時可以調(diào)用它自己，使用Function()構(gòu)造函數(shù)則不行。

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

 
var f = function fact(x) { 
if (x < = 1) 
return 1; 
else 
return x*fact(x-1); 
}; 

(2). Function()構(gòu)造函數(shù)允許運行時Javascript代碼動態(tài)的創(chuàng)建和編譯。在這個方式上它類似全局函數(shù)eval()。
(3). Function()構(gòu)造函數(shù)每次執(zhí)行時都解析函數(shù)主體，并創(chuàng)建一個新的函數(shù)對象。所以當在一個循環(huán)或者頻繁執(zhí)行的函數(shù)中調(diào)用Function()構(gòu)造函數(shù)的效率是非常低的。相反，函數(shù)字面量卻不是每次遇到都重新編譯的。
(4). 用Function()構(gòu)造函數(shù)創(chuàng)建一個函數(shù)時并不遵循典型的作用域，它一直把它當作是頂級函數(shù)來執(zhí)行。

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

 
var y = "global"; 
function constructFunction() { 
var y = "local"; 
return new Function("return y"); // 無法獲取局部變量 
} 
alert(constructFunction()()); // 輸出 "global" 

在這里還涉及到一個名稱，那就是Function 對象，F(xiàn)unction對象是JavaScript里面的固有對象，所有的函數(shù)實際上都是一個Function對象。因此上面的那三個都是function對象。
以上可以總結(jié)為：function對象可以用普通常規(guī)的方式、構(gòu)造方式來創(chuàng)建函數(shù)，并且函數(shù)也是可以沒有名字的（匿名函數(shù)）。
繼續(xù)匿名函數(shù)，顧名思義，匿名函數(shù)就是沒有實際名字的函數(shù)。例如，我們把上面的例子中。函數(shù)的名字去掉，再判斷一下2，3是不是一個函數(shù)：

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

 
alert(typeof function(){}); // "function" 
alert(typeof function(a){return a;}); // "function" 
alert(typeof new Function("a","return a;")) // "function" 

都返回的是function對象，看來沒有名字但是確實還是函數(shù)。那么我們?nèi)绾稳フ{(diào)用一個匿名函數(shù)的呢？
要調(diào)用一個函數(shù)，我們必須要有方法定位它，引用它。所以，我們會需要幫它找一個名字。這也就是這個例子2，3“Name”起的作用了。并且這也是我們經(jīng)常會見到的格式。
在這里其實還有一種做法，那就是剛開是給出的jQuery代碼，即使用()將匿名函數(shù)括起來，然后后面再加一對小括號（包含參數(shù)列表）。讓我們貓一下下面的代碼吧！

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

 
alert((function(x,y){return x+y;})(2,3)); // "5" 
alert((new Function("x","y","return x*y;"))(2,3)); // "6" 

很多人或許會奇怪，為什么這種方法能成功調(diào)用呢？不忙再看段代碼，或許就明白了。

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

 
// 把匿名函數(shù)對象賦給abc 
var abc=function(x,y){return x+y;}; 
alert((abc).constructor==(function(x,y){return x+y;}).constructor); 
// abc的constructor就和匿名函數(shù)的constructor一樣了。也就是說，兩個函數(shù)的實現(xiàn)是一樣的。 

如果覺得這個應(yīng)用還很奇怪的話，就看一下我從網(wǎng)上看的這段解釋吧。　
　小括號能把我們的表達式組合分塊，并且每一塊，也就是每一對小括號，都有一個返回值。這個返回值實際上也就是小括號中表達式的返回值。所以，當我們用一對小括號把匿名函數(shù)括起來的時候，實際上小括號對返回的，就是一個匿名函數(shù)的Function對象。因此，小括號對加上匿名函數(shù)就如同有名字的函數(shù)般被我們?nèi)〉盟囊梦恢昧恕Ｋ匀绻谶@個引用變量后面再加上參數(shù)列表，就會實現(xiàn)普通函數(shù)的調(diào)用形式。
最后讓我們看看匿名函數(shù)的代碼模式吧！
錯誤模式：其無法工作，瀏覽器會報語法錯。

function(){ alert(1); }();
1. 函數(shù)字面量：首先聲明一個函數(shù)對象，然后執(zhí)行它。
(function(){ alert(1); } ) ( );
2. 優(yōu)先表達式：由于Javascript執(zhí)行表達式是從圓括號里面到外面，所以可以用圓括號強制執(zhí)行聲明的函數(shù)。
( function(){ alert(2); } ( ) );
3. Void操作符：用void操作符去執(zhí)行一個沒有用圓括號包圍的一個單獨操作數(shù)。
void function(){ alert(3); }()
這三種方式是等同的，用那種看你的想法了。
呵呵！這就差不多了！這次我明白了，開始的那幾句jQuery原來是函數(shù)字面量?。?
(匿名函數(shù))(參數(shù)) (function($){})(jQuery);

您可能感興趣的文章: