不多说,直接开始
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定义变量则每次循环都会生成一个全新的变量,避免了上面那种情况。
网友评论