在上一篇文章“執(zhí)行環(huán)境和作用域”中运褪，我試著梳理了執(zhí)行環(huán)境和作用域的關(guān)系碘耳。但實際上率寡，文章中并沒有提到作用域，而是介紹了執(zhí)行環(huán)境和作用域鏈扁誓。這里先把上篇文章的坑填了。
上篇文章的最后蚀之，我提了一個問題蝗敢。這里把代碼稍微修改下，如下：
var name = 'window';
outer();
function outer(){
var name = 'outer';
inner(); //輸出什么恬总？
}
function inner(){
console.log(name);
}
這段代碼很簡單前普，但很容易迷惑人。很多人可能會認(rèn)為壹堰，應(yīng)該輸出“outer”拭卿，但實際上結(jié)果確實“window”骡湖。這是為什么呢？
1峻厚、作用域和執(zhí)行上下文的區(qū)別
作用域和執(zhí)行上下是兩個不同的概念响蕴。執(zhí)行上下文在上篇文章中已經(jīng)解釋過了：在函數(shù)執(zhí)行時創(chuàng)建。那么惠桃，作用域怎么理解呢浦夷？
作用域可以理解為一套規(guī)則，這套規(guī)則用來管理引擎如何在當(dāng)前作用域以及嵌套的子作用域中根據(jù)標(biāo)識符名稱進(jìn)行變量查找辜王。同執(zhí)行環(huán)境一樣劈狐，作用域只有兩種（不考慮eval）：全局作用域與函數(shù)作用域。
在js中代碼整個的執(zhí)行分為兩個階段：代碼編譯和代碼執(zhí)行呐馆。代碼編譯由編譯器完成肥缔，將代碼翻譯成可執(zhí)行代碼。代碼執(zhí)行由js引擎完成汹来，主要任務(wù)是執(zhí)行可執(zhí)行的代碼续膳。在代碼編譯階段，作用域規(guī)則就已經(jīng)被確定了收班。到代碼執(zhí)行時坟岔，執(zhí)行上下文被創(chuàng)建，同時摔桦，作用域鏈作為作用域規(guī)則的具體實現(xiàn)被構(gòu)建出來社付。過程如下圖：
再回頭去看開頭的問題，就不難理解了：在編譯階段酣溃，inner函數(shù)的相關(guān)的作用域規(guī)則就已經(jīng)確定了瘦穆，在而outer函數(shù)中執(zhí)行時，只是具體地實現(xiàn)了相關(guān)的作用域的規(guī)則赊豌，也就是構(gòu)建作用域鏈扛或，而這個作用域鏈上面沒有outer函數(shù)執(zhí)行環(huán)境相對應(yīng)的變量對象，而是有全局執(zhí)行環(huán)境對應(yīng)的window對象碘饼，因此熙兔，結(jié)果是‘window’。
2艾恼、閉包
閉包在js高程中的解釋是：有權(quán)訪問另一個函數(shù)作用域中的變量的函數(shù)住涉。簡單說就是，假設(shè)函數(shù)a是定義在函數(shù)b中的函數(shù)钠绍，那么函數(shù)a就是一個閉包舆声。正常情況下，在函數(shù)的外部訪問不到函數(shù)內(nèi)部的變量，但有了閉包就可以間接的實現(xiàn)訪問內(nèi)部變量的需要媳握。也就是說碱屁，閉包是連接函數(shù)內(nèi)部和外部的橋梁。這就是閉包的第一個作用：訪問函數(shù)內(nèi)部的變量蛾找。還有另外一個作用就是：讓被引用的變量值始終保持在內(nèi)存中娩脾。
在上一篇文章中提到代碼當(dāng)執(zhí)行到一個函數(shù)時，會創(chuàng)建一個臨時的活動對象打毛，并把這個對象作為變量對象推入環(huán)境棧中柿赊。當(dāng)這個函數(shù)執(zhí)行完的時候，這個對象就會出桟幻枉，并被銷毀碰声。但當(dāng)閉包中引用了函數(shù)中的變量時，那么展辞，這個變量就會保存在內(nèi)存中奥邮。也就是上面提到的閉包的第二個作用万牺。之所以為這樣罗珍，是因為JavaScript的回收機(jī)制。
基本所有瀏覽器都是使用“標(biāo)記清除”的方式回收內(nèi)存脚粟。也就是說覆旱，當(dāng)變量進(jìn)入執(zhí)行環(huán)境的時候（在函數(shù)中聲明一個變量），就給變量添加標(biāo)記核无，而當(dāng)函數(shù)執(zhí)行完的扣唱，變量不再被引用的時候，再添加刪除的標(biāo)記团南，垃圾收集器就會自動清楚這個變量占有的內(nèi)存噪沙。但在閉包中引用了函數(shù)中的變量，而閉包又被當(dāng)作結(jié)果返回時吐根，閉包中的因為被引用就不會被清除正歼。例如，下面的代碼：
function fn1(){
var a = 1;
return function(){
console.log(++a);
}
}
var fn2 = fn1();
fn2(); //輸出2
fn2(); //輸出3
在這段代碼中拷橘，fn1中的閉包函數(shù)被當(dāng)作結(jié)果返回局义，在閉包中的引用的變量a因為被引用而沒有被清除，一直保存在內(nèi)存當(dāng)中冗疮，所以執(zhí)行fn2的時候會輸出不斷增加的結(jié)果：2和3萄唇。
使用閉包時需要注意的問題
1、由于閉包會使得函數(shù)中被引用的變量一直保存在內(nèi)存中术幔，消耗內(nèi)存另萤，所以謹(jǐn)慎使用閉包，否則會造成網(wǎng)頁的性能問題诅挑。
2四敞、閉包會改變父函數(shù)內(nèi)部變量的值勾缭。如果父函數(shù)再次被執(zhí)行的，而在外部已經(jīng)執(zhí)行過閉包修改變量的值目养，那么俩由，這次執(zhí)行的結(jié)果就會和上次的不一樣。
最后再來一段代碼癌蚁，想下輸出的代碼幻梯，沒疑問的化，閉包的運(yùn)行機(jī)制基本就掌握了：
var name = "window";
var obj = {
name : "obj",
getName : function(){
return function(){
return this.name;
};
}
};
console.log(obj.getName()());
寫在結(jié)尾：
如果覺得我寫的文章對你有幫助努释，歡迎掃碼關(guān)注我的公眾號：海痕筆記
微信號：haihenbiji
