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

es6 letvar相比区别是,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 @   JackieDYH  阅读(8)  评论(0编辑  收藏  举报  
相关博文:
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
点击右上角即可分享
微信分享提示