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

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有