判断for(var i=0;i<=3;i++){ setTimeout(function() { console.log(i) }, 10) }

原文：https://www.jianshu.com/p/ecb71343964a

 

使用 var:

每一次for循环的时候，setTimeout都执行一次， 但是里面的函数没有被执行，而是被放到了任务队列里面，等待执行， for循环了4次，就放了4次，当主线程执行完成后，才进入任务队列里面执行。

 

使用 let：

for循环头部的let不仅将i绑定到for循环块中， 它也将其重新绑定到 **循环体的每一次迭代** 中，确保上一次迭代结束的值重新被赋值。 setTimeout里面的function()属于一个新的域， 通过 var 定义的变量是无法传入到这个函数执行域中的， 而通过使用 let 来声明块变量，这时候变量就能作用于这个块， 所以 function就能使用 i 这个变量了； 这个匿名函数的参数作用域 和 for参数的作用域 不一样。