js for循环拆解（解析for setTimeout经典案例）

直接上代码

// 经典案例
for(var i=0;i<3;i++) {
  setTimeout(function () {console.log(i)}, 0)
}

// 拆解后
var i = 0;
{
  var t = i;
  setTimeout(function () {console.log(t)}, 0)
}
i++;
{
  var t = i;
  setTimeout(function () {console.log(t)}, 0)
}
i++;
{
  var t = i;
  setTimeout(function () {console.log(t)}, 0)
}
i++;

如此，你应该很容易理解解决方案里的 let（将上例拆解后的代码的var都改成let即可）和IIIFE方式（同样产生快捷作用域）了，因为该例成立的2个条件：1. 自由变量 2. 异步阻塞

 

欢迎关注、点赞