在for迴圈中動態拼接字串和新增事件
阿新 • • 發佈:2018-12-19
不多說,直接開始
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定義變數則每次迴圈都會生成一個全新的變數,避免了上面那種情況。