es6中let解决异步事件的原理

es6 let 与var相比区别是,let在每一个for的每一个循环下都创建一个独立的i
========自定义属性=================
for (var i = 0; i < box.length; i++) {
	box[i].idx = i;
	box[i].onclick = function() {
		alert(this.idx);
	}
}

========闭包=================
for (let i = 0; i < box.length; i++) {
	(function(a) {
		box[a].onclick = function() {
			alert(a);
		}
	})(i)
}

========let=============
for(let i=0; i<box.length; i++){
	box[i].onclick=function(){
		alert(this.idx);
	}  
}

原理:等价于如下,这里使用了包装函数,就可以让每次循环都有一个独立的i

posted @ 2021-11-30 20:37  JackieDYH  阅读(7)  评论(0编辑  收藏  举报  来源