資訊專欄INFORMATION COLUMN
摘要：問題在說閉包，一定會牽涉到作用域。這也是閉包的屬性的，能夠記錄下內(nèi)部函數(shù)引用外部的值。因為都是全局變量，所以循環(huán)也就是不斷值覆蓋，閉包并不會記錄在循環(huán)時的值，只會記錄閉包變量。閉包時記錄的除了閉包變量還有塊級作用域變量最后來看看這個輸出什么
js 是非常靈活的語言，寫起來真是*
不過現(xiàn)在有了typescript，寫起來舒服多了。
問題在說js閉包，一定會牽涉到作用域。而一般在區(qū)別 var 跟 let 時就會舉 for 循環(huán)的例子，但是這里只說 作用域，而不說閉包，那么其實還是看不懂，至于覺得很無厘頭。
在阮一峰的 let 和 const 命令一節(jié)，舉了這么一個例子。
var a = [];
for (var i = 0; i < 10; i++) {
a[i] = function () {
console.log(i);
};
}
a[6](); // 10
跟
var a = [];
for (let i = 0; i < 10; i++) {
a[i] = function () {
console.log(i);
};
}
a[6](); // 6
然后我就不清楚了，為什么使用var全局變量后, 就輸出10， 變成塊級作用域let后就正常輸出了。
動手不知道到底怎么回事，只好調(diào)試去看變量到底是什么樣？在兩個例子中都稍微增加了點東西
var a = [];
var b;
var c;
for (var i = 0; i < 10; i++) {
b = i;
c = i;
a[i] = function () {
console.log(i);
console.log(c);
};
}
這里，循環(huán)里面有3個變量，內(nèi)部函數(shù)中引用兩個。然后我們循環(huán)三次后，看看a[0], a[1]
我們發(fā)現(xiàn)a[0]， a[1]首先是個函數(shù)對象，在scopes 中有 Closure 這個東西，這就是閉包了。
這里閉包中只有 i跟c，并沒有b， 因為b沒有在內(nèi)部函數(shù)中被使用，因此沒有被scopes 記錄下來。
而且請注意，i跟c的值都是當(dāng)前變量i的值。 這也是閉包的屬性的，能夠記錄下內(nèi)部函數(shù)引用外部的值。因為 i, c, b 都是全局變量，所以循環(huán)也就是不斷值覆蓋，閉包并不會記錄在循環(huán)時的值，只會記錄 閉包變量。
注： 我這里是循環(huán)了3次，所以 閉包變量都是3，如果循環(huán)完了則是另外的值，你能正確說出它們的值么？
接著我們來看let 的改編
var a = [];
let b;
let c;
for (let i = 0; i < 10; i++) {
b = i;
c = i;
a[i] = function oo() {
console.log(i);
console.log(c);
};
}
a[6](); // 6
同樣，這里依舊i,b,c三個變量，內(nèi)部函數(shù)中引用兩個。然后我們循環(huán)三次后，看看a[0], a[1]
在上圖，我們可以看到scopes 增加了個新東西 Block， 這是函數(shù)記錄了 塊作用域。
看著這個圖，我們就可以這么理解: let聲明的變量i 不是全局變量，每次循環(huán)都是作用域關(guān)閉然后重新再重建，但是在內(nèi)部函數(shù)又引用了 這個塊級作用域變量, 所以內(nèi)部函數(shù)會記錄這個值。
而變量c 雖然也是 let聲明，為什么不是被記錄到 Block 呢，這是因為 變量c 雖然是let聲明，但是是在for循環(huán)外面， 對于這個文件來說，變量c就是全局變量，所以被記錄到 closure 中
over看完以上分析，不知道有沒有加深你對let,const 的理解， let聲明的變量是塊級作用域，const聲明的是全局變量，但也要看用在哪兒。 閉包時記錄的 除了閉包變量還有塊級作用域變量
最后來看看這個輸出什么：
var a = [];
let b;
let c;
for (let i = 0; i < 10; i++) {
b = i;
c = i;
var n = i;
let m = i;
a[i] = function oo() {
console.log(i);
console.log(c);
console.log(n);
console.log(m);
};
}
a[6]();
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/108062.html
摘要：垃圾回收內(nèi)存管理實踐先通過一個來看看在中進行垃圾回收的過程是怎樣的內(nèi)存泄漏識別在環(huán)境里提供了方法用來查看當(dāng)前進程內(nèi)存使用情況，單位為字節(jié)中保存的進程占用的內(nèi)存部分，包括代碼本身棧堆。 showImg(https://segmentfault.com/img/remote/1460000019894672?w=640&h=426);作者 | 五月君Node.js 技術(shù)棧 | https:...
摘要：模塊化是隨著前端技術(shù)的發(fā)展，前端代碼爆炸式增長后，工程化所采取的必然措施。目前模塊化的思想分為和。特別指出，事件不等同于異步，回調(diào)也不等同于異步。將會討論安全的類型檢測惰性載入函數(shù)凍結(jié)對象定時器等話題。 Vue.js 前后端同構(gòu)方案之準(zhǔn)備篇——代碼優(yōu)化 目前 Vue.js 的火爆不亞于當(dāng)初的 React，本人對寫代碼有潔癖，代碼也是藝術(shù)。此篇是準(zhǔn)備篇，工欲善其事，必先利其器。我們先在代...
摘要：作用域分類作用域共有兩種主要的工作模型。換句話說，作用域鏈?zhǔn)腔谡{(diào)用棧的，而不是代碼中的作用域嵌套。詞法作用域詞法作用域中，又可分為全局作用域，函數(shù)作用域和塊級作用域。 一篇鞏固基礎(chǔ)的文章，也可能是一系列的文章，梳理知識的遺漏點，同時也探究很多理所當(dāng)然的事情背后的原理。 為什么探究基礎(chǔ)？因為你不去面試你就不知道基礎(chǔ)有多重要，或者是說當(dāng)你的工作經(jīng)歷沒有亮點的時候，基礎(chǔ)就是檢驗?zāi)愫脡牡囊豁?..
閱讀 2528·2023-04-26 00:46
閱讀 671·2023-04-25 21:36
閱讀 784·2021-11-24 10:19
閱讀 2354·2021-11-23 09:51
閱讀 1103·2021-10-21 09:39
閱讀 909·2021-09-22 10:02
閱讀 1752·2021-09-03 10:29
閱讀 2827·2019-08-30 15:53
