在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定义变量则每次循环都会生成一个全新的变量，避免了上面那种情况。