1. 程式人生 > >在for迴圈中動態拼接字串和新增事件

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