資訊專欄INFORMATION COLUMN
摘要：這也就解釋了以下代碼運(yùn)行正常那么，的循環(huán)里發(fā)生了什么呢變量提升
for (var index = 0; index < 5; index++) {
setTimeout(function (){
console.log(index);//5
}, 10)
}
console.log(index)// 5
這是個(gè)老生常談的問題，但是今天我才明白過來實(shí)際是怎么回事。
使用ES6語法的話，修改如下
for (let index = 0; index < 5; index++) {
setTimeout(function (){
console.log(index);//0,1,2,3,4
}, 10)
}
console.log(index)// ReferenceError: index is not defined
var是在全局范圍有效，所以執(zhí)行setTimeout里的函數(shù)時(shí)，先是在函數(shù)內(nèi)部尋找 index 變量，沒有找到，所以去外層找，找到！這時(shí)index已經(jīng)執(zhí)行完循環(huán)，所以值為5；
而let則是聲明在for循環(huán)的內(nèi)部的，每一次for循環(huán)，一個(gè)block上下文，每次for循環(huán)都建立如下block。
{
let index = 0;
setTimeout(function (){
console.log(index);
}, 10)
}
這也就解釋了以下代碼運(yùn)行正常
for(const index of array)
那么，var的for循環(huán)里發(fā)生了什么呢？
var index;//變量提升
{
index = 0;
setTimeout(function (){
console.log(index);
}, 10)
}
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/83739.html
摘要：事件機(jī)制其實(shí)很簡單，無非冒泡和捕獲這兩點(diǎn)，筆者不再贅述，網(wǎng)上相關(guān)文章一大堆，下面讓我們直接看面試題題目一到七，統(tǒng)一設(shè)置題目一請問點(diǎn)擊后，數(shù)字和，誰先被打印出來題目二請問點(diǎn)擊后，數(shù)字和，誰先被打印出來題目三請問點(diǎn)擊后，數(shù)字和，誰先被打印出來題 As we all know,事件機(jī)制其實(shí)很簡單，無非冒泡和捕獲這兩點(diǎn)，筆者不再贅述，網(wǎng)上相關(guān)文章一大堆，下面讓我們直接看面試題 題目一到七，統(tǒng)一...
摘要：不過幸運(yùn)的是所有面試的公司都給了，在這里總結(jié)下經(jīng)驗(yàn)吧。這里推薦下我當(dāng)時(shí)看的一篇的面經(jīng)，木易楊老師寫的大廠高級(jí)前端面試題匯總。 前言 本人畢業(yè)一年，最近陸續(xù)面試了頭條、瓜子、360、猿輔導(dǎo)、中信銀行、老虎等公司，由于最近比較寒冬而且招1-3年的并不多，再加上自己對公司規(guī)模和位置有一定要求，所以最后合適的也就這幾家了。不過幸運(yùn)的是所有面試的公司都給了offer，在這里總結(jié)下經(jīng)驗(yàn)吧。掘金：h...
摘要：同步異步回調(diào)傻傻分不清楚。分割線上面主要講了同步和回調(diào)執(zhí)行順序的問題，接著我就舉一個(gè)包含同步異步回調(diào)的例子。同步優(yōu)先回調(diào)內(nèi)部有個(gè)，第二個(gè)是一個(gè)回調(diào)回調(diào)墊底。異步也，輪到回調(diào)的孩子們回調(diào)，出來執(zhí)行了。 同步、異步、回調(diào)？傻傻分不清楚。 大家注意了，教大家一道口訣： 同步優(yōu)先、異步靠邊、回調(diào)墊底（讀起來不順） 用公式表達(dá)就是： 同步 => 異步 => 回調(diào) 這口訣有什么用呢？用來對付面試的...
閱讀 2161·2021-11-15 11:36
閱讀 1497·2021-09-23 11:55
閱讀 2494·2021-09-22 15:16
閱讀 2032·2019-08-30 15:45
閱讀 1868·2019-08-29 11:10
閱讀 1032·2019-08-26 13:40
閱讀 922·2019-08-26 10:44
閱讀 3175·2019-08-23 14:55
