面试经常遇到setTimeout循环例子

for (var i = 0; i < 5; i++) {
console.log(i);
}

//0，1,2,3,4,

//延迟

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

Mon Mar 20 2017 19:39:05 GMT+0800 (中国标准时间) 5
Mon Mar 20 2017 19:39:06 GMT+0800 (中国标准时间) 5
Mon Mar 20 2017 19:39:07 GMT+0800 (中国标准时间) 5
Mon Mar 20 2017 19:39:08 GMT+0800 (中国标准时间) 5
Mon Mar 20 2017 19:39:09 GMT+0800 (中国标准时间) 5

每隔一秒打印出5

for (var i = 0; i < 5; i++) {
    setTimeout(function() {
    console.log(new Date,i);
    }, 1000);
}
Mon Mar 20 2017 19:41:56 GMT+0800 (中国标准时间) 5
Mon Mar 20 2017 19:41:56 GMT+0800 (中国标准时间) 5
Mon Mar 20 2017 19:41:56 GMT+0800 (中国标准时间) 5
Mon Mar 20 2017 19:41:56 GMT+0800 (中国标准时间) 5
Mon Mar 20 2017 19:41:56 GMT+0800 (中国标准时间) 5

一秒打印出5个5

闭包

for (var i = 0; i < 5; i++) {
(function(i) {
 setTimeout(function() {
   console.log(i);
 }, i * 1000);
})(i);
}
//0,1,2,3,4 立即执行
for (var i = 0; i < 5; i++) {
setTimeout((function(i) {
 console.log(i);
})(i), i * 1000);
}
//setTimeout 可以接受函数或者字符串作为参数，那么这里立即执行函数是个啥呢，应该是个 undefined ，也就是说等价于：setTimeout(undefined, ...);
setTimeout(function() {
console.log(1)
}, 0);
new Promise(function executor(resolve) {
console.log(2);
for( var i=0 ; i<10000 ; i++ ) {
 i == 9999 && resolve();
}
console.log(3);
}).then(function() {
console.log(4);
});
console.log(5);
//2 3 5 4 1