Javascript 設(shè)計模式(二) 閉包
更新時間:2010年05月26日 22:14:34 作者:
本來應(yīng)該是第二章,接口,但因為閉包實在不懂,所以先看看閉包
正文
閉包的概念:
閉包是一個擁有許多變量和綁定了這些變量的環(huán)境的表達(dá)式(通常是一個函數(shù)),因而這些變量也是該表達(dá)式的一部分。
最常見的閉包
function a() {
var i=0;
return function(){
alert(i++);
}
}
var b=a();
for(var i=0;i<3;i++){
b();
}
解釋上面代碼前,先接受一個函數(shù)的創(chuàng)建和執(zhí)行過程
第一步:定義函數(shù),設(shè)置環(huán)境,創(chuàng)建作用域鏈(scope chain)現(xiàn)a為全局變量,則a的作用域鏈中只有window
第二步:執(zhí)行a, 首先創(chuàng)建作用域(a.scope=a),然后創(chuàng)建活動對象(callObject),并將callObject放入a的作用域鏈的頂端,因此a的作用域鏈中含有兩個對象(a和window)
第三步:在活動對象上添加一個arguments屬性,保存調(diào)用a時的參數(shù)值
第四步:將形參和內(nèi)部變量賦值到活動對象a上
javascriptGC原理:如果一個對象不再被引用,那么這個對象會被GC回收。如果兩個對象無干擾的互相引用,那么這兩個對象也會被回收。
總結(jié):
1、首先定義a時,創(chuàng)建了a的作用域鏈(scope chain)
2、(var b=a())執(zhí)行a時,創(chuàng)建作用域a.scope=a,并創(chuàng)建callObject對象添加a的作用域中
3、a對象上添加了arguments屬性,并將i和return函數(shù)賦值給活動對象
4、執(zhí)行a時將b指向了a的ruturn函數(shù)值,在b中又引用的a中的局部變量i,因此不符合GC的回收標(biāo)準(zhǔn),活動對象a沒有被回收,因此b訪問i是第一次訪問的對象,并且只有在b中才能訪問
閉包的概念:
閉包是一個擁有許多變量和綁定了這些變量的環(huán)境的表達(dá)式(通常是一個函數(shù)),因而這些變量也是該表達(dá)式的一部分。
最常見的閉包
復(fù)制代碼 代碼如下:
function a() {
var i=0;
return function(){
alert(i++);
}
}
var b=a();
for(var i=0;i<3;i++){
b();
}
解釋上面代碼前,先接受一個函數(shù)的創(chuàng)建和執(zhí)行過程
第一步:定義函數(shù),設(shè)置環(huán)境,創(chuàng)建作用域鏈(scope chain)現(xiàn)a為全局變量,則a的作用域鏈中只有window
第二步:執(zhí)行a, 首先創(chuàng)建作用域(a.scope=a),然后創(chuàng)建活動對象(callObject),并將callObject放入a的作用域鏈的頂端,因此a的作用域鏈中含有兩個對象(a和window)
第三步:在活動對象上添加一個arguments屬性,保存調(diào)用a時的參數(shù)值
第四步:將形參和內(nèi)部變量賦值到活動對象a上
javascriptGC原理:如果一個對象不再被引用,那么這個對象會被GC回收。如果兩個對象無干擾的互相引用,那么這兩個對象也會被回收。
總結(jié):
1、首先定義a時,創(chuàng)建了a的作用域鏈(scope chain)
2、(var b=a())執(zhí)行a時,創(chuàng)建作用域a.scope=a,并創(chuàng)建callObject對象添加a的作用域中
3、a對象上添加了arguments屬性,并將i和return函數(shù)賦值給活動對象
4、執(zhí)行a時將b指向了a的ruturn函數(shù)值,在b中又引用的a中的局部變量i,因此不符合GC的回收標(biāo)準(zhǔn),活動對象a沒有被回收,因此b訪問i是第一次訪問的對象,并且只有在b中才能訪問
您可能感興趣的文章:
- javascript設(shè)計模式 接口介紹
- javascript設(shè)計模式 封裝和信息隱藏(上)
- javascript學(xué)習(xí)筆記(九) js對象 設(shè)計模式
- JavaScript 設(shè)計模式 安全沙箱模式
- JavaScript 設(shè)計模式 富有表現(xiàn)力的Javascript(一)
- javascript 設(shè)計模式之單體模式 面向?qū)ο髮W(xué)習(xí)基礎(chǔ)
- JavaScript 設(shè)計模式之組合模式解析
- 小議javascript 設(shè)計模式 推薦
- JavaScript 設(shè)計模式學(xué)習(xí) Factory
- JavaScript 設(shè)計模式學(xué)習(xí) Singleton
- 一種JavaScript的設(shè)計模式
- javascript設(shè)計模式之工廠模式示例講解
相關(guān)文章
原生javascript實現(xiàn)DIV拖拽并計算重復(fù)面積
這篇文章主要介紹了使用原生javascript實現(xiàn)DIV拖拽并計算重復(fù)面積的方法及示例代碼分享,效果十分漂亮,需要的朋友可以參考下2015-01-01
js利用數(shù)組length屬性清空和截短數(shù)組的小例子
這篇文章主要介紹了js利用數(shù)組length屬性清空和截短數(shù)組的小例子,有需要的朋友可以參考一下2014-01-01
js 實現(xiàn)獲取name 相同的頁面元素并循環(huán)遍歷的方法
下面小編就為大家?guī)硪黄猨s 實現(xiàn)獲取name 相同的頁面元素并循環(huán)遍歷的方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-02-02

