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

转载于:https://www.cnblogs.com/doubleTing/p/suibi.html