JavaScript中的閉包原理分析

更新時(shí)間：2010年03月08日 17:52:07 作者：

一看到閉包這個(gè)詞，我就會想起線性代數(shù)中的封閉空間，也就是說，這個(gè)空間中的所有向量，無論經(jīng)過何種運(yùn)算，最終結(jié)果還是會落在該空間中。那么JavaScript中會不會也是類似的概念呢？

我們來看一個(gè)定義：
Closure
所謂“閉包”，指的是一個(gè)擁有許多變量和綁定了這些變量的環(huán)境的表達(dá)式（通常是一個(gè)函數(shù)），因而這些變量也是該表達(dá)式的一部分。
這說明了，JavaScript中的閉包是包含了上下文的函數(shù)，也就是說，這個(gè)函數(shù)的作用基礎(chǔ)，是它所處的環(huán)境，這是不能超越的，跟線性代數(shù)是不是有一點(diǎn)似曾相識的感覺呢？
換個(gè)角度看，閉包的作用是為了實(shí)現(xiàn)OO。JavaScript中，沒有像C++那樣的public、private、protect屬性標(biāo)識，建立起類比較困難。“類是帶行為的數(shù)據(jù)，而閉包是帶數(shù)據(jù)的行為”，在JavaScript中我們用函數(shù)的定義代替類的定義，用閉包代替了setter/getter方法。請看一段livecode：

復(fù)制代碼代碼如下:

 
function f1(){ 
　　　　var n=1; 
　　　　function getter(){ 
　　　　　　alert(n); 
　　　　} 
　　　　return getter; 
　　} 

上文中n的聲明和函數(shù)getter組成了一個(gè)典型的閉包。最終返回的函數(shù)，即剛剛所講的“行為”，其實(shí)目的就是為了得到n的值，所以說閉包就是帶有數(shù)據(jù)的行為。
另外，我覺得阮一峰說的閉包也是很簡潔的：“我的理解是，閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)?！?
另一篇更為學(xué)術(shù)的解釋：
http://demo.jb51.net/js/javascript_bibao/index.htm
我希望各位能夠真正從學(xué)術(shù)上的定義理解閉包，因?yàn)樗袑﹂]包定義的詮釋和簡化都是對JavaScript的片面解讀。

您可能感興趣的文章:

相關(guān)文章

javascript實(shí)現(xiàn)簡單加載隨機(jī)色方塊
這篇文章主要介紹了javascript實(shí)現(xiàn)簡單加載隨機(jī)色方塊的相關(guān)資料，感興趣的小伙伴們可以參考一下
2015-12-12
微信小程序使用swiper組件實(shí)現(xiàn)層疊輪播圖
這篇文章主要為大家詳細(xì)介紹了微信小程序使用swiper組件實(shí)現(xiàn)層疊輪播圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-11-11
js驗(yàn)證賬戶名是否重復(fù)
這篇文章主要為大家詳細(xì)介紹了js驗(yàn)證賬戶名是否重復(fù)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-05-05
javascript常見操作匯總
這篇文章主要介紹了javascript常見操作,有針對字符串、時(shí)間、表單等的操作,以及驗(yàn)證、收藏、隨機(jī)數(shù)等其他常見技巧,需要的朋友可以參考下
2014-09-09
原生js實(shí)現(xiàn)下拉框選擇組件
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)下拉框選擇組件的開發(fā)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-01-01
JavaScript獲取中英文混合字符串長度的方法示例
這篇文章主要介紹了JavaScript獲取中英文混合字符串長度的方法,結(jié)合實(shí)例形式分析了javascript通過遍歷轉(zhuǎn)換字符串實(shí)現(xiàn)統(tǒng)計(jì)字符串長度的操作技巧,需要的朋友可以參考下
2017-02-02
nullJavascript中創(chuàng)建對象的五種方法實(shí)例
今天上午，非常郁悶，有很多簡單基礎(chǔ)的問題搞得我有些迷茫，哎，代碼幾天不寫就忘。目前又不當(dāng)COO，還是得用心記代碼哦！
2013-05-05
有關(guān)文件上傳非ajax提交得到后臺數(shù)據(jù)問題
本文給大家介紹關(guān)于文件上傳非ajax提交得到后臺數(shù)據(jù)的問題我們該怎么處理呢？下文給大家介紹的非常詳細(xì)，感興趣的朋友一起看看吧
2016-10-10
uniapp項(xiàng)目引入?js文件以及全局使用方法
這篇文章主要給大家介紹了關(guān)于uniapp項(xiàng)目引入?js文件以及全局使用方法的相關(guān)資料,在Uniapp中引入JS文件是一項(xiàng)常見的操作,文中通過代碼示例介紹的非常詳細(xì),需要的朋友可以參考下
2023-12-12
js實(shí)現(xiàn)鼠標(biāo)移入移出卡片切換內(nèi)容
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)鼠標(biāo)移入移出卡片切換內(nèi)容，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-10-10