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

2024-09-06 12:45:34

字體：大中小

供稿：網(wǎng)友

在一些Javascript庫(kù)中可以看見這種寫法：
代碼如下:
(function(){
//所有庫(kù)代碼代碼
})();

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

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

上一篇：Jquery ui css framework

下一篇：Whatever:hover 無(wú)需javascript讓IE支持豐富偽類