不多说,直接开始
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定义变量则每次循环都会生成一个全新的变量,避免了上面那种情况。
对前端的技术,架构技术感兴趣的同学关注我的头条号,并在后台私信发送关键字:“前端”即可获取免费的架构师学习资料
知识体系已整理好,欢迎免费领取。还有面试视频分享可以免费获取。关注我,可以获得没有的架构经验哦!!