在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);

　　　　});

　　})(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定義變數則每次迴圈都會生成一個全新的變數，避免了上面那種情況