var和let的區(qū)別，為什么這兩個函數(shù)執(zhí)行的結(jié)果不一樣呢

var arr = [];
for(**var** i = 0; i < 10; i++){
        arr[i] = function(){
        return i;
    };
}
for(var j = 0; j < arr.length; j++){
    console.log(arr[j]() + " ");     
} //10個10

var和let的區(qū)別在哪呢，為什么聲明不一樣就會變成不一樣的結(jié)果呢？還有第一個函數(shù)為什么i最后都等于10了？i這里是局部變量還是全局變量呢？局部變量不應(yīng)該for循環(huán)完就自動被GC了嗎還是說第一個函數(shù)存在閉包所以保留了對i的引用，所以i不會被GC了

var arr = [];
for(**let** i = 0; i < 10; i++){
    arr[i] = function(){
        console.log(i);
    };
}
for(var j = 0; j < arr.length; j++){
    console.log(arr[j]());
}//0-9

回答

編輯回答

懷中人

for(var i =0....)
這里的 i 是全局變量
arr[i] 的賦值是一個函數(shù)表達(dá)式在定義的時候不存在作用域引用關(guān)系
let 存在塊級作用域
所以在函數(shù)表達(dá)式定義的時候存在塊級作用域的引用關(guān)系這里每循環(huán)一次都會創(chuàng)建一個作用域

總結(jié)下來大概是：一個函數(shù)表達(dá)式在定義的時候如果存在函數(shù)/塊級作用域變量的引用那么這個作用域就自動創(chuàng)建并一直保存

第二個 for循環(huán)中屬于立刻執(zhí)行的一段代碼因此可以實(shí)施取到j(luò)的值

2017年10月13日 13:54

編輯回答

雅痞

var 存在變量提升，所以你寫的

for(var i = 0; i < 10; i++){
        arr[i] = function(){
        return i;
    };
}

等同于

var i
for(i = 0; i < 10; i++){
        arr[i] = function(){
        return i;
    };
}

實(shí)際上就是定義了一個全局變量。

雖然你return的是i，但是你在調(diào)用arr[i]這個函數(shù)的時候，會沿著作用域鏈找到arr[i]這個函數(shù)的上一層作用域，在這里即是全局作用域。所以你調(diào)用的時候var已經(jīng)是10了，可以在 for循環(huán)后面添加一個console.log(i)驗(yàn)證。

let 會創(chuàng)建一個作用域。則，這里就會形成一個閉包
所以，使用let定義時，則分成了三層 Global --> Closure --> Local 作用域
所以你在調(diào)用arr[i]這個函數(shù)時，其實(shí)會根據(jù)作用域鏈找到Closure（閉包）中的變量 i 。
使用下面這行代碼，打開瀏覽器中的Source面板并查看右側(cè)的Scope（作用域鏈）驗(yàn)證。


        var arr = []
        for(let i = 0 ;i<10 ;i++){
            arr[i] = function(){
                debugger
                console.log(i);
            };


        }


        for(var j = 0; j < arr.length; j++){
            console.log(arr[j]());
        }//0-9

ps：個人理解，如有錯誤，希望指出

2017年7月25日 14:28

編輯回答