请看这段代码:
for(var i=0; i<10; i++){
var now = new Date();
while (new Date - now < 1000);
console.log("here");
setTimeout(function(){
console.log(i);
}, 5000);
}
setTimeout在这应该是异步函数吧！我使用了while来使每个循环延迟1s，按理当执行第一次循环执行了setTimeout，他会在后台静默执行，不会阻塞。但是console.log(i);都是在循环执行完成后才会输出。请问这是什么原因？谢谢！
另外我注意到循环结束后立刻输出了4个console.log(i);那应该是执行循环后setTimeout就已经在后台执行了？ 输出如下：here here here here here here here here here here 10 10 10 10 10 10 10 10 10 10
@TamudGu 可能我的表达有点错误。我不在乎console.log(i);输出的是什么值。而是奇怪为什么要循环结束后才会将console.log(i);输出？
settimeout是js中很重要一个原生函数，也是实现promise的核心。 javascript代码都是同步执行的，代码都在在一个代码“队列”里面。与此同时javascript还有一个“Event Queue”，事件队列里都是处理一些异步的callback/handler，处理ajax response，点击啊，文件，数据库操作结果。关键是，只有代码队列所有代码都执行完毕了，javascript才会从事件队列里取出一个callback/handler来执行。 在你的例子里面，settimeout就是把callback，放到了这个事件队列里面，直到当前的for loop执行完毕了，js才从事件对列里取出callback，才执行了callback函数，找到执行完毕那个状态下的closure 中i的值，并打印出来，所以即使你设置 settimeout(function(){}, 0); 也是同样的结果。
@alaaf 那在for循环中执行其他的异步操作也会等循环结束才会执行异步操作吗？另外注意到，循环结束后立刻输出了4个console.log(i);那应该是执行循环后setTimeout就已经在后台执行了？
setTimeout 不是异步的，实际上它只是伪异步，造成异步的现状是它用了 插入时间点的机制来实现的,setTimeout的第二个参数指明了执行的时间。所以你写的代码执行结果是没问题的 ， 如果楼主不信的话 可以把while写成一个死循环 这样的话 你的setTimeout一辈子都不会执行
for ( var i = 0; i < 5; i++ ) {
setTimeout(function() {
alert( i );
}, i * 100 );
}
这是JQuery官网上在讲解闭包的时候的一个例子，这里的alert也只会输出5.
参考知乎上的一个解答
