快捷導航

Javascript匿名函數(shù)的一種應(yīng)用代碼封裝

更新時間：2010年06月27日 01:41:30 作者：

說實話，對于js初學者的我來說。這個東西太嚇人了，在這些JS庫中，這個函數(shù)基本上把整個庫的所有代碼全括起來了，這種寫法完全超越了我的常識。

在一些Javascript庫中可以看見這種寫法：

 
(function(){ 
//所有庫代碼代碼 
})(); 

說實話，對于js初學者的我來說。這個東西太嚇人了，在這些JS庫中，這個函數(shù)基本上把整個庫的所有代碼全括起來了，這種寫法完全超越了我的常識。難道不應(yīng)該好好的劃分一下嗎，難道不應(yīng)該體現(xiàn)出層次和功能劃分嗎，怎么會一個函數(shù)搞定呢。我一開始完全不敢去細想它的道理。直到使用JS一段時間后，某一天一位同事在閑聊時說起了這個問題，我才知道這個叫匿名函數(shù)。匿名函數(shù)我并不陌生，C#，Python，Lua中都有這個咚咚。我到網(wǎng)上去查了一下，介紹文章很多，也很詳細，但是我心頭的疑問卻沒有得到解決：為什么要這樣寫。
我找了一款著名的JS開源庫JQuery，他的代碼就是典型的以上寫法，在粗略看了他的代碼之后我發(fā)現(xiàn)這套代碼實在太大了太復雜了，實在不適合我。于是我轉(zhuǎn)而去看另外一個開源js庫swfobject，這個庫提供了簡單的接口把Flash控件嵌入到網(wǎng)頁中。這個代碼好多了，很短，很快就看完了。看完之后我恍然大悟，原來如此。真理就是如此簡單，之所以這樣寫，只有一個目的：封裝。
初學JS的時候，我問過同事，js怎么定義私有函數(shù)和變量。當時的得到的答案是：js不是面向?qū)ο蟮?，不提供這些功能。我對這個答案也坦然接受了，畢竟嚴格的封裝并不是必要的?，F(xiàn)在終于明白了，辦法總是有的，在不支持封裝的語言里同樣可以實現(xiàn)封裝。而實現(xiàn)的方法就是匿名函數(shù)。來看一段代碼：

復制代碼代碼如下:

 
//定義 
function F(x) 
{ 
this.x = x; 
function double(x){return x*x;} 
this.getDoubleX(){ 
return double(this.x); 
} 
} 

//使用 
f = new F(12); 
alert(f.getDoubleX()); 

上面的代碼很簡單，我沒有去運行它。懂點js的都知道這是JS的類定義方式。函數(shù)F相當于一個構(gòu)造函數(shù)，而函數(shù)里面的其他定義都是函數(shù)私有的外部無法訪問，例如double函數(shù)。這樣就變相實現(xiàn)了私有方法。其他打上“this.”前綴的成員相當于公開成員，外部可以訪問。
而這些庫之所以要用一個大函數(shù)包裹整個庫代碼，就是為了不向使用者暴露內(nèi)部方法和變量，強制用戶只能訪問開放的API。從這一點可以開出這些開發(fā)者的良苦用心。
到這里我不禁又要問了，js如何實現(xiàn)繼承呢。希望這一次的答案不要像上一次一樣：不支持。

您可能感興趣的文章: