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