資訊專欄INFORMATION COLUMN
摘要：注意的值是一個匿名函數(shù)，而這個匿名函數(shù)本身也是一個閉包，所以相當于是一個，可以在函數(shù)外部對函數(shù)內(nèi)部的局部變量進行操作。閉包會在父函數(shù)外部，改變父函數(shù)內(nèi)部變量的值。
閉包（Closure）
關于閉包，真的是看了忘忘了看，相信這次應該理解了~
ES5中規(guī)定的JavaScript的變量作用域有兩種：全部變量和局部變量（ES6中引入塊級作用域）
javascript有兩種特殊的屬性
函數(shù)內(nèi)部可以直接讀取全局變量
var n=999;
function f1(){
alert(n);
}
f1(); // 999
函數(shù)外部不能夠讀取局部變量
function f1(){
var n=999;
}
alert(n); // error
注意 函數(shù)內(nèi)部定義變量使用var，否則你定義的就是一個全局變量
function f1(){
n=999;
}
f1();
alert(n); // 999
上邊講到，正常情況下，外部無法讀取局部變量，想要讀取局部變量怎么辦？
就是在函數(shù)內(nèi)部在定義一個函數(shù)
function f1(){
var n=999;
function f2(){
alert(n); // 999
}
}
在上面的代碼中，函數(shù)f2就被包括在函數(shù)f1內(nèi)部，這時f1內(nèi)部的所有局部變量，對f2都是可見的。但是反過來就不行，f2內(nèi)部的局部變量，對f1就是不可見的。這就是Javascript語言特有的"鏈式作用域"結(jié)構(gòu)（chain scope），子對象會一級一級地向上尋找所有父對象的變量。所以，父對象的所有變量，對子對象都是可見的，反之則不成立.
f2可以讀取f1中的變量，將f2作為返回值，那么f1的外部我們就可以讀取內(nèi)部變量了
function f1(){
var n=999;
function f2(){
alert(n);
}
return f2;
}
var result=f1();
result(); // 999
上述代碼中f2就是閉包，下面看看抽象的閉包~
閉包：閉包是一個代碼塊（在ECMAScript是一個函數(shù)）和以靜態(tài)方式/詞法方式進行存儲的所有父作用域的一個集合體。所以，通過這些存儲的作用域，函數(shù)可以很容易的找到自由變量。
看看容易理解的閉包概念
由于在Javascript語言中，只有函數(shù)內(nèi)部的子函數(shù)才能讀取局部變量，因此可以把閉包簡單理解成"定義在一個函數(shù)內(nèi)部的函數(shù)"。
所以，在本質(zhì)上，閉包就是將函數(shù)內(nèi)部和函數(shù)外部連接起來的一座橋梁。
可以讀取函數(shù)內(nèi)部的變量
就是讓這些變量的值始終保持在內(nèi)存中
function f1(){
var n=999;
nAdd=function(){n+=1}
function f2(){
alert(n);
}
return f2;
}
var result=f1();
result(); // 999
nAdd();#不要懷疑在外部為什么還可以調(diào)用，nAdd()是掛載在window下的
result(); // 1000
result其實就是閉包f2函數(shù)，一共運行兩次，一次999二次1000。這就說明f1局部變量一直在內(nèi)存當中，
并沒有在被調(diào)用之后被自動的清楚。
為什么會這樣呢？原因就在于f1是f2的父函數(shù)，而f2被賦給了一個全局變量，這導致f2始終在內(nèi)存中，而f2的存在依賴于f1，因此f1也始終在內(nèi)存中，不會在調(diào)用結(jié)束后，被垃圾回收機制（garbage collection）回收。
注意nAdd的值是一個匿名函數(shù)（anonymous function），而這個匿名函數(shù)本身也是一個閉包，所以nAdd相當于是一個setter，可以在函數(shù)外部對函數(shù)內(nèi)部的局部變量進行操作。
由于閉包會使得函數(shù)中的變量都被保存在內(nèi)存中，內(nèi)存消耗很大，所以不能濫用閉包，否則會造成網(wǎng)頁的性能問題，在IE中可能導致內(nèi)存泄露。解決方法是，在退出函數(shù)之前，將不使用的局部變量全部刪除。
閉包會在父函數(shù)外部，改變父函數(shù)內(nèi)部變量的值。所以，如果你把父函數(shù)當作對象（object）使用，把閉包當作它的公用方法（Public Method），把內(nèi)部變量當作它的私有屬性（private value），這時一定要小心，不要隨便改變父函數(shù)內(nèi)部變量的值。
題1
var name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){
return function(){
return this.name;
};
}
};
alert(object.getNameFunc()());
題2
var name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){
var that = this;
return function(){
return that.name;
};
}
};
alert(object.getNameFunc()());
參考資料
閉包
JavaScript核心
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/88050.html
摘要：當面試中讓我解釋一下閉包時我懵逼了。這個解釋開始可能有點晦澀，讓我們抽絲剝繭摘下閉包的真面目。此文不詳述作用域有專門的主題闡述，不過作用域是理解閉包原理的基礎。這才是閉包的真正便利之處。閉包使用不當就會很坑。 原文鏈接 為什么深度學習JavaScript？ JavaScript如今是最流行的編程語言之一。它運行在瀏覽器、服務器、移動設備、桌面應用，也可能包括冰箱。無需我舉其他再多不相干...
摘要：哨兵是社區(qū)版本推出的原生高可用解決方案，部署架構(gòu)主要包括兩部分集群和數(shù)據(jù)集群，其中集群是由若干節(jié)點組成的分布式集群。自研推薦推薦自研的高可用解決方案，主要體現(xiàn)在配置中心故障探測和的處理機制上，通常需要根據(jù)企業(yè)業(yè)務的實際線上環(huán)境來定制化。 最近很多朋友向我咨詢關于高可用的方案的優(yōu)缺點以及如何選擇合適的方案線上使用，剛好最近在給宜人貸，光大銀行做企業(yè)內(nèi)訓的時候也詳細講過，這里我再整理發(fā)出來...
摘要：哨兵是社區(qū)版本推出的原生高可用解決方案，部署架構(gòu)主要包括兩部分集群和數(shù)據(jù)集群，其中集群是由若干節(jié)點組成的分布式集群。自研推薦推薦自研的高可用解決方案，主要體現(xiàn)在配置中心故障探測和的處理機制上，通常需要根據(jù)企業(yè)業(yè)務的實際線上環(huán)境來定制化。 最近很多朋友向我咨詢關于高可用的方案的優(yōu)缺點以及如何選擇合適的方案線上使用，剛好最近在給宜人貸，光大銀行做企業(yè)內(nèi)訓的時候也詳細講過，這里我再整理發(fā)出來...
摘要：前言秋招宣告結(jié)束，面試了接近家公司，有幸拿到，感謝這段時間一起找工作面試的朋友和陪伴我的人。一定要提前準備好，不然面試官叫你說遇到的難點，或者直接問問題時可能會懵逼。 前言 秋招宣告結(jié)束，面試了接近20家公司，有幸拿到offer，感謝這段時間一起找工作面試的朋友和陪伴我的人。這是一段難忘的經(jīng)歷，相信不亞于當年的高考吧，也許現(xiàn)在想起來高考不算什么，也許只有經(jīng)歷過秋招的人才懂得找工作的艱辛...
摘要：前言秋招宣告結(jié)束，面試了接近家公司，有幸拿到，感謝這段時間一起找工作面試的朋友和陪伴我的人。一定要提前準備好，不然面試官叫你說遇到的難點，或者直接問問題時可能會懵逼。 前言 秋招宣告結(jié)束，面試了接近20家公司，有幸拿到offer，感謝這段時間一起找工作面試的朋友和陪伴我的人。這是一段難忘的經(jīng)歷，相信不亞于當年的高考吧，也許現(xiàn)在想起來高考不算什么，也許只有經(jīng)歷過秋招的人才懂得找工作的艱辛...
閱讀 3313·2023-04-25 14:35
閱讀 3427·2021-11-15 18:00
閱讀 2585·2021-11-12 10:34
閱讀 2505·2021-11-11 16:54
閱讀 3489·2021-10-08 10:12
閱讀 2771·2021-09-06 15:02
閱讀 3329·2021-09-04 16:48
閱讀 2806·2019-08-29 14:02
