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的片面解讀。
您可能感興趣的文章:
相關文章
這篇文章主要為大家介紹了tkinter使用canvas實現(xiàn)漸變色，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-12-12
JavaScript面向?qū)ο蟪绦蛟O計創(chuàng)建對象的方法分析
這篇文章主要介紹了JavaScript面向?qū)ο蟪绦蛟O計創(chuàng)建對象的方法,結合實例形式分析了javascript使用object構造函數(shù)和對象字面量來創(chuàng)建對象的相關操作技巧,需要的朋友可以參考下2018-08-08
Bootstrap企業(yè)網(wǎng)站實戰(zhàn)項目4
這篇文章主要為大家分享了Bootstrap企業(yè)網(wǎng)站實戰(zhàn)項目，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要介紹了小程序測試后臺服務的方法(ngrok)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-03-03
JS封裝的三級聯(lián)動菜單(使用時只需要一行js代碼)
在實際的項目開發(fā)中，我們經(jīng)常需要三級聯(lián)動，比如省市區(qū)的選擇，商品的三級分類的選擇等等。這篇文章主要介紹了JS封裝的三級聯(lián)動菜單(使用時只需要一行js代碼)的相關資料,需要的朋友可以參考下2016-10-10
本文記錄一下在使用 flv.js 播放監(jiān)控視頻時踩過的各種各樣的坑,雖然官網(wǎng)給的?Getting Started?只有短短幾行代碼,跑一個能播視頻的 demo 很容易,但是播放時各種各樣的異常會搞到你懷疑人生,下面我將自己踩過的坑,以及踩坑過程中補充的相關知識,詳細總結一下2023-10-10
微信小程序?qū)崿F(xiàn)頂部固定 底部分頁滾動效果
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)頂部固定底部分頁滾動效果，本文大概給大家分享三種解決方案，每種方案給大家詳細剖析通過代碼解析哪種方案更適合，感興趣的朋友跟隨小編一起看看吧2022-10-10
淺析JavaScript 函數(shù)防抖和節(jié)流
這篇文章主要介紹了JavaScript 函數(shù)防抖和節(jié)流的相關資料，文中講解非常細致，幫助大家更好的理解和學習，感興趣的朋友可以了解下2020-07-07
js使用Replace結合正則替換重復出現(xiàn)的字符串功能示例
這篇文章主要介紹了js使用Replace結合正則替換重復出現(xiàn)的字符串功能,可實現(xiàn)關鍵詞描紅的功能,涉及JS重復匹配的相關操作技巧,需要的朋友可以參考下2016-12-12
uniapp中uni.navigateBack返回后刷新頁面數(shù)據(jù)的實現(xiàn)
本文主要介紹了uniapp中uni.navigateBack返回后刷新頁面數(shù)據(jù)的實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2023-11-11