javascript 閉包詳解
javascript 閉包是一個很有趣的東東??戳诵┫嚓P資料http://chabaoo.cn/article/29472.htm,對其印象最深刻的是:實現(xiàn)了public 和private。
創(chuàng)建一個非匿名閉包最簡單的語法是:
var obj = (function(){//各種代碼 });
閉包最經(jīng)典的例子:
var makeCounter = (function () {
var i = 1;
this.test=function(){
console.log(i);
i++;
}
return this;
});
var obj = makeCounter();
obj.test(); // 1
obj.test(); // 2
var obj1 = makeCounter();
obj1.test(); // 1
obj1.test(); // 2
private 與 public :
var makeCounter= (function () {
var i = 1;
//這貨是private的
function log(){
console.log(i);
i++;
}
//這貨是public的
this.test(){
log();
}
return this;
});
var obj = makeCounter();
obj.test(); // 1
obj.test(); // 2
obj.log(); //undefined
自執(zhí)行函數(shù):
第一次看到這樣的代碼時的感覺是:好高級;
var obj = (function(window){
//各種代碼
}(window));
然后google了下,發(fā)現(xiàn)他們經(jīng)常都會這樣寫:
var obj= (function () {
var i = 1;
this.test=function(){
console.log(i);
i++;
}
return this;
}());
obj.test(); // 1
obj.test(); // 2
最簡單的理解,程序員偷懶把兩步寫成了一步。
//這是一個函數(shù)。它應該這樣用obj()
var makeCounter = function () {
//各種代碼
}
//這是一個對象。它類似于 var obj = makeCounter();
var obj = (function () {
//各種代碼
}());
它也可以有參數(shù):
var output = "new test";
var obj = (function (msg) {
this.test = function(){
console.log(msg);
}
return this;
}(output));
obj.test();
它還可以更復雜更高級點:
var output = "new test";
var obj = (function (obj, msg) {
//這貨也是私有的。類似obj.i(!=obj.i),卻又不是obj.i(因為外部不可訪問)。
var i = 1;
//private
function log() {
console.log(i + " : " + msg);
i++;
}
//public
obj.test = function () {
log();
}
return obj;
}(obj, output));
obj.test(); // 1 : new test
obj.i = 100;
//i沒被改變
obj.test(); // 2 : new test
初次見面,留下了很深刻的印象。閉包的使用,實現(xiàn)了狀態(tài),屬性的保持;避免了全局變量滿屏飛舞;結束了變量老是被重定義,重賦值的尷尬局面。它還可以將一個對象分部到多個js文件。實在是太好了。
上面所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。
- javascript深入理解js閉包
- 深入理解Javascript閉包 新手版
- Javascript閉包演示代碼小結
- javascript的閉包介紹(司徒正美)
- JavaScript 匿名函數(shù)(anonymous function)與閉包(closure)
- JavaScript閉包 懂不懂由你反正我是懂了
- JavaScript 高級篇之閉包、模擬類,繼承(五)
- Javascript 閉包引起的IE內(nèi)存泄露分析
- JavaScript中的作用域鏈和閉包
- 深入Javascript函數(shù)、遞歸與閉包(執(zhí)行環(huán)境、變量對象與作用域鏈)使用詳解
- javascript閉包傳參和事件的循環(huán)綁定示例探討
- 詳談JavaScript 匿名函數(shù)及閉包
- JavaScript閉包詳解
相關文章
php main 與 iframe 相互通訊類(js+php同域/跨域)
這篇文章主要介紹了php main 與 iframe 相互通訊類(js+php同域/跨域),需要的朋友可以參考下2017-09-09JS判斷鍵盤是否按的回車鍵并觸發(fā)指定按鈕點擊操作的方法
下面小編就為大家?guī)硪黄狫S判斷鍵盤是否按的回車鍵并觸發(fā)指定按鈕點擊操作的方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-02-02JavaScript為內(nèi)置對象添加原型方法實現(xiàn)
這篇文章主要介紹了JavaScript為內(nèi)置對象添加原型方法實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2021-05-05使用微信小程序API,調(diào)用微信的各種內(nèi)置能力。
微信小程序如何使用小程序API,去調(diào)用微信提供的各種內(nèi)置能力(即微信API)。小程序開發(fā)框架提供豐富的微信原生API,可以方便的調(diào)起微信提供的能力,如獲取用戶信息,本地存儲,支付功能等。2022-12-12javascript實現(xiàn)根據(jù)漢字獲取簡拼
這里給大家分享一個JavaScript實現(xiàn)的根據(jù)漢字可以自動轉(zhuǎn)換簡拼代碼,有需要的朋友可以參考一下,并非本人原創(chuàng)來自網(wǎng)絡。2016-09-09基于JS實現(xiàn)密碼框(password)中顯示文字提示功能代碼
這篇文章主要介紹了實現(xiàn)密碼框(password)中顯示文字提示功能代碼,在項目開發(fā)中經(jīng)常會用到,需要的朋友可以參考下2016-05-05