JavaScript中的閉包原理分析
更新時間：2010年03月08日 17:52:07 作者：
一看到閉包這個詞，我就會想起線性代數(shù)中的封閉空間，也就是說，這個空間中的所有向量，無論經(jīng)過何種運算，最終結(jié)果還是會落在該空間中。那么JavaScript中會不會也是類似的概念呢？
我們來看一個定義：
Closure
所謂“閉包”，指的是一個擁有許多變量和綁定了這些變量的環(huán)境的表達式（通常是一個函數(shù)），因而這些變量也是該表達式的一部分。
這說明了，JavaScript中的閉包是包含了上下文的函數(shù)，也就是說，這個函數(shù)的作用基礎(chǔ)，是它所處的環(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ù)。”
另一篇更為學(xué)術(shù)的解釋：
http://demo.jb51.net/js/javascript_bibao/index.htm
我希望各位能夠真正從學(xué)術(shù)上的定義理解閉包，因為所有對閉包定義的詮釋和簡化都是對JavaScript的片面解讀。
Closure
所謂“閉包”，指的是一個擁有許多變量和綁定了這些變量的環(huán)境的表達式（通常是一個函數(shù)），因而這些變量也是該表達式的一部分。
這說明了，JavaScript中的閉包是包含了上下文的函數(shù)，也就是說，這個函數(shù)的作用基礎(chǔ)，是它所處的環(huán)境，這是不能超越的，跟線性代數(shù)是不是有一點似曾相識的感覺呢？
換個角度看，閉包的作用是為了實現(xiàn)OO。JavaScript中，沒有像C++那樣的public、private、protect屬性標識， 建立起類比較困難?！邦愂菐袨榈臄?shù)據(jù)，而閉包是帶數(shù)據(jù)的行為”，在JavaScript中我們用函數(shù)的定義代替類的定義，用閉包代替了setter/getter方法。請看一段livecode：
復(fù)制代碼 代碼如下:
function f1(){
var n=1;
function getter(){
alert(n);
}
return getter;
}
上文中n的聲明和函數(shù)getter組成了一個典型的閉包。最終返回的函數(shù)，即剛剛所講的“行為”，其實目的就是為了得到n的值，所以說閉包就是帶有數(shù)據(jù)的行為。
另外，我覺得阮一峰說的閉包也是很簡潔的：“我的理解是，閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)。”
另一篇更為學(xué)術(shù)的解釋：
http://demo.jb51.net/js/javascript_bibao/index.htm
我希望各位能夠真正從學(xué)術(shù)上的定義理解閉包，因為所有對閉包定義的詮釋和簡化都是對JavaScript的片面解讀。
您可能感興趣的文章:
- Javascript閉包演示代碼小結(jié)
- javascript 閉包疑問
- 深入理解Javascript閉包 新手版
- 淺析javascript閉包 實例分析
- javascript學(xué)習(xí)之閉包分析
- JavaScript中通過閉包解決只能取得包含函數(shù)中任何變量最后一個值的問題
- javascript閉包的理解和實例
- javascript深入理解js閉包
- javascript,jquery閉包概念分析
- Javascript的閉包
- JavaScript 閉包在封裝函數(shù)時的簡單分析
- javascript 常見的閉包問題的解決辦法
- javascript 閉包函數(shù)做顯隱內(nèi)容
- javascript 閉包
相關(guān)文章
這篇文章主要介紹了javascript實現(xiàn)簡單加載隨機色方塊的相關(guān)資料，感興趣的小伙伴們可以參考一下2015-12-12
這篇文章主要為大家詳細介紹了微信小程序使用swiper組件實現(xiàn)層疊輪播圖，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
這篇文章主要為大家詳細介紹了js驗證賬戶名是否重復(fù)，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-05-05
這篇文章主要介紹了javascript常見操作,有針對字符串、時間、表單等的操作,以及驗證、收藏、隨機數(shù)等其他常見技巧,需要的朋友可以參考下2014-09-09
這篇文章主要為大家詳細介紹了原生js實現(xiàn)下拉框選擇組件的開發(fā)，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01
這篇文章主要介紹了JavaScript獲取中英文混合字符串長度的方法,結(jié)合實例形式分析了javascript通過遍歷轉(zhuǎn)換字符串實現(xiàn)統(tǒng)計字符串長度的操作技巧,需要的朋友可以參考下2017-02-02
nullJavascript中創(chuàng)建對象的五種方法實例
今天上午，非常郁悶，有很多簡單基礎(chǔ)的問題搞得我有些迷茫，哎，代碼幾天不寫就忘。目前又不當COO，還是得用心記代碼哦！2013-05-05
有關(guān)文件上傳 非ajax提交 得到后臺數(shù)據(jù)問題
本文給大家介紹關(guān)于文件上傳非ajax提交得到后臺數(shù)據(jù)的問題我們該怎么處理呢？下文給大家介紹的非常詳細，感興趣的朋友一起看看吧2016-10-10
這篇文章主要給大家介紹了關(guān)于uniapp項目引入?js文件以及全局使用方法的相關(guān)資料,在Uniapp中引入JS文件是一項常見的操作,文中通過代碼示例介紹的非常詳細,需要的朋友可以參考下2023-12-12
這篇文章主要為大家詳細介紹了js實現(xiàn)鼠標移入移出卡片切換內(nèi)容，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10