在for循环中动态拼接字符串和添加事件

时间 2019-11-13

标签循环动态拼接字符串添加事件繁體版

原文原文链接

很少说，直接开始前端

ES6以前经常使用写法: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定义变量则每次循环都会生成一个全新的变量，避免了上面那种状况。code