在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 塊級作用域的疑問

塊級作用域的疑問

很普通的一個例子，但是關于let的塊級作用域，有一些不明白
第一個這么寫我可以理解：

    var i;
    for(i=0; i<10; i++){
        (function(i){
            var a = document.createElement("a");
            a.innerHTML = i + "<br>";
            a.addEventListener("click", function (e){
                e.preventDefault();
                alert(i);//這里的i不是for循環(huán)的i，這個是function自己的i,而for循環(huán)的i是全局的i。這里的i是隨便取的名字，也可以叫num，都行;
            });
            document.body.appendChild(a);
        })(i);
    }

每次循環(huán)一下，就創(chuàng)建一個函數(shù)，而把全局的i的當前值賦給函數(shù)的參數(shù)(局部的)，防止全局污染，相當于創(chuàng)建了10個函數(shù)

換成let，可以簡單的實現(xiàn)這個功能，但是我就搞不太懂為什么了，雖然不是全局變量了，但是感覺跟全局變量的意思是一樣的：

for(let i=0; i<10; i++){    //用let，因為let有塊級作用域，所以就可以了

        var a;
        a = document.createElement("a");
        a.innerHTML = i + "<br>";    
        a.addEventListener("click", function (e){
            e.preventDefault();
            alert(i);    
        });
        document.body.appendChild(a);
    }

i的作用域就是在for里,不再是全局的了, 找當時生成的時作用域，當時傳進來的i是多少，這里i就是多少。感覺這樣并不能說服我自己，為什么alert(i); i還保持了當時的值呢？for循環(huán)不是也早就執(zhí)行完了嗎，咋不是10？

回答
編輯回答
旖襯

這個因為這里的作用域是這里for循環(huán)的內(nèi)部，所以其實這里click事件的父級作用域的上級是for循環(huán)，其中的i變量其實是在每次循環(huán)的重新let的i變量，而不是同一個i變量被重新賦值。

let i;
for(i=0; i<10; i++){
    var a;
    a = document.createElement("a");
    a.innerHTML = i + "<br>";    
    a.addEventListener("click", function (e){
        e.preventDefault();
        alert(i);    
    });
    document.body.appendChild(a);
}

你可以試一下上面這段代碼，就可以看出這里的區(qū)別是在于let是在for循環(huán)內(nèi)的變量。

2018年4月28日 00:39