快捷導(dǎo)航

Javascript的閉包

更新時(shí)間：2009年12月31日 02:46:07 作者：

所謂“閉包”，指的是一個(gè)擁有許多變量和綁定了這些變量的環(huán)境的表達(dá)式（通常是一個(gè)函數(shù)），因而這些變量也是該表達(dá)式的一部分。

簡(jiǎn)介
Closure
所謂“閉包”，指的是一個(gè)擁有許多變量和綁定了這些變量的環(huán)境的表達(dá)式（通常是一個(gè)函數(shù)），因而這些變量也是該表達(dá)式的一部分。
閉包是 ECMAScript （JavaScript）最強(qiáng)大的特性之一，但用好閉包的前提是必須理解閉包。閉包的創(chuàng)建相對(duì)容易，人們甚至?xí)诓唤?jīng)意間創(chuàng)建閉包，但這些無意創(chuàng)建的閉包卻存在潛在的危害，尤其是在比較常見的瀏覽器環(huán)境下。如果想要揚(yáng)長(zhǎng)避短地使用閉包這一特性，則必須了解它們的工作機(jī)制。而閉包工作機(jī)制的實(shí)現(xiàn)很大程度上有賴于標(biāo)識(shí)符（或者說對(duì)象屬性）解析過程中作用域的角色。

關(guān)于閉包，最簡(jiǎn)單的描述就是 ECMAScript 允許使用內(nèi)部函數(shù)－－即函數(shù)定義和函數(shù)表達(dá)式位于另一個(gè)函數(shù)的函數(shù)體內(nèi)。而且，這些內(nèi)部函數(shù)可以訪問它們所在的外部函數(shù)中聲明的所有局部變量、參數(shù)和聲明的其他內(nèi)部函數(shù)。當(dāng)其中一個(gè)這樣的內(nèi)部函數(shù)在包含它們的外部函數(shù)之外被調(diào)用時(shí)，就會(huì)形成閉包。也就是說，內(nèi)部函數(shù)會(huì)在外部函數(shù)返回后被執(zhí)行。而當(dāng)這個(gè)內(nèi)部函數(shù)執(zhí)行時(shí)，它仍然必需訪問其外部函數(shù)的局部變量、參數(shù)以及其他內(nèi)部函數(shù)。這些局部變量、參數(shù)和函數(shù)聲明（最初時(shí)）的值是外部函數(shù)返回時(shí)的值，但也會(huì)受到內(nèi)部函數(shù)的影響。

遺憾的是，要適當(dāng)?shù)乩斫忾]包就必須理解閉包背后運(yùn)行的機(jī)制，以及許多相關(guān)的技術(shù)細(xì)節(jié)。雖然本文的前半部分并沒有涉及 ECMA 262 規(guī)范指定的某些算法，但仍然有許多無法回避或簡(jiǎn)化的內(nèi)容。對(duì)于個(gè)別熟悉對(duì)象屬性名解析的人來說，可以跳過相關(guān)的內(nèi)容，但是除非你對(duì)閉包也非常熟悉，否則最好是不要跳過下面幾節(jié)。

對(duì)象屬性名解析
ECMAScript 認(rèn)可兩類對(duì)象：原生（Native）對(duì)象和宿主（Host）對(duì)象，其中宿主對(duì)象包含一個(gè)被稱為內(nèi)置對(duì)象的原生對(duì)象的子類（ECMA 262 3rd Ed Section 4.3）。原生對(duì)象屬于語言，而宿主對(duì)象由環(huán)境提供，比如說可能是文檔對(duì)象、DOM 等類似的對(duì)象。

原生對(duì)象具有松散和動(dòng)態(tài)的命名屬性（對(duì)于某些實(shí)現(xiàn)的內(nèi)置對(duì)象子類別而言，動(dòng)態(tài)性是受限的－－但這不是太大的問題）。對(duì)象的命名屬性用于保存值，該值可以是指向另一個(gè)對(duì)象（Objects）的引用（在這個(gè)意義上說，函數(shù)也是對(duì)象），也可以是一些基本的數(shù)據(jù)類型，比如：String、Number、Boolean、Null 或 Undefined。其中比較特殊的是 Undefined 類型，因?yàn)榭梢越o對(duì)象的屬性指定一個(gè) Undefined 類型的值，而不會(huì)刪除對(duì)象的相應(yīng)屬性。而且，該屬性只是保存著 undefined 值。

下面簡(jiǎn)要介紹一下如何設(shè)置和讀取對(duì)象的屬性值，并最大程度地體現(xiàn)相應(yīng)的內(nèi)部細(xì)節(jié)。

值的賦予
對(duì)象的命名屬性可以通過為該命名屬性賦值來創(chuàng)建，或重新賦值。即，對(duì)于：

var objectRef = new Object(); //創(chuàng)建一個(gè)普通的 javascript 對(duì)象。
可以通過下面語句來創(chuàng)建名為 “testNumber” 的屬性：

objectRef.testNumber = 5;
/* - 或- */
objectRef["testNumber"] = 5;
在賦值之前，對(duì)象中沒有“testNumber” 屬性，但在賦值后，則創(chuàng)建一個(gè)屬性。之后的任何賦值語句都不需要再創(chuàng)建這個(gè)屬性，而只會(huì)重新設(shè)置它的值：

objectRef.testNumber = 8;
/* - 或- */
objectRef["testNumber"] = 8;
稍后我們會(huì)介紹，Javascript 對(duì)象都有原型（prototypes）屬性，而這些原型本身也是對(duì)象，因而也可以帶有命名的屬性。但是，原型對(duì)象命名屬性的作用并不體現(xiàn)在賦值階段。同樣，在將值賦給其命名屬性時(shí)，如果對(duì)象沒有該屬性則會(huì)創(chuàng)建該命名屬性，否則會(huì)重設(shè)該屬性的值。

更詳細(xì)的請(qǐng)查看下面的文章：
http://demo.jb51.net/js/javascript_bibao/index.htm