DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Javascript匿名函數的一種應用 代碼封裝
Javascript匿名函數的一種應用 代碼封裝
編輯:關於JavaScript     
在一些Javascript庫中可以看見這種寫法:
復制代碼 代碼如下:
(function(){
//所有庫代碼代碼
})();

說實話,對於js初學者的我來說。這個東西太嚇人了,在這些JS庫中,這個函數基本上把整個庫的所有代碼全括起來了,這種寫法完全超越了我的常識。難道不應該好好的劃分一下嗎,難道不應該體現出層次和功能劃分嗎,怎麼會一個函數搞定呢。我一開始完全不敢去細想它的道理。直到使用JS一段時間後,某一天一位同事在閒聊時說起了這個問題,我才知道這個叫匿名函數。匿名函數我並不陌生,C#,Python,Lua中都有這個咚咚。我到網上去查了一下,介紹文章很多,也很詳細,但是我心頭的疑問卻沒有得到解決:為什麼要這樣寫。
我找了一款著名的JS開源庫JQuery,他的代碼就是典型的以上寫法,在粗略看了他的代碼之後我發現這套代碼實在太大了太復雜了,實在不適合我。於是我轉而去看另外一個開源js庫swfobject,這個庫提供了簡單的接口把Flash控件嵌入到網頁中。這個代碼好多了,很短,很快就看完了。看完之後我恍然大悟,原來如此。真理就是如此簡單,之所以這樣寫,只有一個目的:封裝。
初學JS的時候,我問過同事,js怎麼定義私有函數和變量。當時的得到的答案是:js不是面向對象的,不提供這些功能。我對這個答案也坦然接受了,畢竟嚴格的封裝並不是必要的。現在終於明白了,辦法總是有的,在不支持封裝的語言裡同樣可以實現封裝。而實現的方法就是匿名函數。來看一段代碼:
復制代碼 代碼如下:
//定義
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的類定義方式。函數F相當於一個構造函數,而函數裡面的其他定義都是函數私有的外部無法訪問,例如double函數。這樣就變相實現了私有方法。其他打上“this.”前綴的成員相當於公開成員,外部可以訪問。
而這些庫之所以要用一個大函數包裹整個庫代碼,就是為了不向使用者暴露內部方法和變量,強制用戶只能訪問開放的API。從這一點可以開出這些開發者的良苦用心。
到這裡我不禁又要問了,js如何實現繼承呢。希望這一次的答案不要像上一次一樣:不支持。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved