JavaScript中的閉包原理分析
更新時間:2010年03月08日 17:52:07 作者:
一看到閉包這個詞,我就會想起線性代數(shù)中的封閉空間,也就是說,這個空間中的所有向量,無論經(jīng)過何種運算,最終結果還是會落在該空間中。那么JavaScript中會不會也是類似的概念呢?
我們來看一個定義:
Closure
所謂“閉包”,指的是一個擁有許多變量和綁定了這些變量的環(huán)境的表達式(通常是一個函數(shù)),因而這些變量也是該表達式的一部分。
這說明了,JavaScript中的閉包是包含了上下文的函數(shù),也就是說,這個函數(shù)的作用基礎,是它所處的環(huán)境,這是不能超越的,跟線性代數(shù)是不是有一點似曾相識的感覺呢?
換個角度看,閉包的作用是為了實現(xiàn)OO。JavaScript中,沒有像C++那樣的public、private、protect屬性標識, 建立起類比較困難?!邦愂菐袨榈臄?shù)據(jù),而閉包是帶數(shù)據(jù)的行為”,在JavaScript中我們用函數(shù)的定義代替類的定義,用閉包代替了setter/getter方法。請看一段livecode:
function f1(){
var n=1;
function getter(){
alert(n);
}
return getter;
}
上文中n的聲明和函數(shù)getter組成了一個典型的閉包。最終返回的函數(shù),即剛剛所講的“行為”,其實目的就是為了得到n的值,所以說閉包就是帶有數(shù)據(jù)的行為。
另外,我覺得阮一峰說的閉包也是很簡潔的:“我的理解是,閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)?!?
另一篇更為學術的解釋:
http://demo.jb51.net/js/javascript_bibao/index.htm
我希望各位能夠真正從學術上的定義理解閉包,因為所有對閉包定義的詮釋和簡化都是對JavaScript的片面解讀。
Closure
所謂“閉包”,指的是一個擁有許多變量和綁定了這些變量的環(huán)境的表達式(通常是一個函數(shù)),因而這些變量也是該表達式的一部分。
這說明了,JavaScript中的閉包是包含了上下文的函數(shù),也就是說,這個函數(shù)的作用基礎,是它所處的環(huán)境,這是不能超越的,跟線性代數(shù)是不是有一點似曾相識的感覺呢?
換個角度看,閉包的作用是為了實現(xiàn)OO。JavaScript中,沒有像C++那樣的public、private、protect屬性標識, 建立起類比較困難?!邦愂菐袨榈臄?shù)據(jù),而閉包是帶數(shù)據(jù)的行為”,在JavaScript中我們用函數(shù)的定義代替類的定義,用閉包代替了setter/getter方法。請看一段livecode:
復制代碼 代碼如下:
function f1(){
var n=1;
function getter(){
alert(n);
}
return getter;
}
上文中n的聲明和函數(shù)getter組成了一個典型的閉包。最終返回的函數(shù),即剛剛所講的“行為”,其實目的就是為了得到n的值,所以說閉包就是帶有數(shù)據(jù)的行為。
另外,我覺得阮一峰說的閉包也是很簡潔的:“我的理解是,閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)?!?
另一篇更為學術的解釋:
http://demo.jb51.net/js/javascript_bibao/index.htm
我希望各位能夠真正從學術上的定義理解閉包,因為所有對閉包定義的詮釋和簡化都是對JavaScript的片面解讀。
您可能感興趣的文章:
相關文章
JavaScript面向?qū)ο蟪绦蛟O計創(chuàng)建對象的方法分析
這篇文章主要介紹了JavaScript面向?qū)ο蟪绦蛟O計創(chuàng)建對象的方法,結合實例形式分析了javascript使用object構造函數(shù)和對象字面量來創(chuàng)建對象的相關操作技巧,需要的朋友可以參考下2018-08-08Bootstrap企業(yè)網(wǎng)站實戰(zhàn)項目4
這篇文章主要為大家分享了Bootstrap企業(yè)網(wǎng)站實戰(zhàn)項目,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-10-10JS封裝的三級聯(lián)動菜單(使用時只需要一行js代碼)
在實際的項目開發(fā)中,我們經(jīng)常需要三級聯(lián)動,比如省市區(qū)的選擇,商品的三級分類的選擇等等。這篇文章主要介紹了JS封裝的三級聯(lián)動菜單(使用時只需要一行js代碼)的相關資料,需要的朋友可以參考下2016-10-10微信小程序?qū)崿F(xiàn)頂部固定 底部分頁滾動效果
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)頂部固定底部分頁滾動效果,本文大概給大家分享三種解決方案,每種方案給大家詳細剖析通過代碼解析哪種方案更適合,感興趣的朋友跟隨小編一起看看吧2022-10-10淺析JavaScript 函數(shù)防抖和節(jié)流
這篇文章主要介紹了JavaScript 函數(shù)防抖和節(jié)流的相關資料,文中講解非常細致,幫助大家更好的理解和學習,感興趣的朋友可以了解下2020-07-07js使用Replace結合正則替換重復出現(xiàn)的字符串功能示例
這篇文章主要介紹了js使用Replace結合正則替換重復出現(xiàn)的字符串功能,可實現(xiàn)關鍵詞描紅的功能,涉及JS重復匹配的相關操作技巧,需要的朋友可以參考下2016-12-12uniapp中uni.navigateBack返回后刷新頁面數(shù)據(jù)的實現(xiàn)
本文主要介紹了uniapp中uni.navigateBack返回后刷新頁面數(shù)據(jù)的實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2023-11-11