在for循環中動態拼接字符串和添加事件

很少說，直接開始

ES6以前經常使用寫法:

for(var i = 0;i<10;i++){
　　/閉包寫法
　　(function(j){
            var a = document.createElement("div");
　　      a.innerHTML = j + " ";
　　  　a.addEventListener("click",function(){
　　　　　　alert(j);//前端全棧交流圈：
　　　　});//866109386，幫助提高思惟突破技術。
　　})(i)　　
}

若是不用匿名函數寫法，i 一直在同一個做用域中，每次循環都會被替換，因此alert()的是同一個值。

ES6寫法：

for(let i = 0;i<10;i++){
　　　  let a = document.createElement("div");
　　      a.innerHTML = i + " ";
　　　　a.addEventListener("click",function(){
　　　　　　alert(i);
　　　　});
}

es6引入了塊做用域概念使用let定義變量則每次循環都會生成一個全新的變量，避免了上面那種狀況。