[JS] for循环中使用定时器的闭包问题

在ECMAScript5.1中 “var”的作用域为当前的函数,而不是当前代码块。
所以在使用定时器时:

for(var i = 0; i < 5; i++){
   setTimeout(function(){
       console.log(i)
   }, 200*i);
}
//5,5,5,5,5

故应将定时器设置的相关代码包裹在函数中进行调用,以避免该问题:

for(var i = 0; i < 5; i++){
   (function(index){
       setTimeout(function(){
           console.log(index)
       }, 200*index);
   })(i);
}
//0,1,2,3,4

在ECMAScript6中,可在代码块中使用“let”.
需要注意的是,let需先声明再使用,相同作用域内不可重复申明

for(let j = 0; j < 5; j++){
    setTimeout(function(){console.log(j)}, 200*j);
    //0, 1, 2, 3, 4
}
//console.log(j); //报错

2018-05-17:

ES6现在几个浏览器兼容?我就是转行也不会用的!
嗯,真香!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值