题：for循环内定时器&Promise

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(i);

 　 }, 1000 * i);

}

//i值在循环结束后，直接变成全局变量，最后值是5，顺序打印出5 5 5 5 5

 

 

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

　　})(i);

}

//IIFE立即执行函数，将当前的i值传入封闭区域，作为当前定时器作用域，顺序打印出0 1 2 3 4 

 

 

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

  　})(i);

}

//当前值i并没有引入，顺序打印出5 5 5 5 5

 

 

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

  })(i), i * 1000);

}

//定时器中的的函数直接执行function(){}(i)

//立即打印出 0 1 2 3 4

 

 

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

根据原理：

(1)macro-task包括：script(整体代码), setTimeout, setInterval, setImmediate, I/O, UI rendering。

(2)micro-task包括：process.nextTick, Promises, Object.observe, MutationObserver

(3)执行顺序是：函数调用栈清空只剩全局执行上下文，然后开始执行所有的micro-task。当所有可执行的micro-task执行完毕之后。循环再次执行macro-task中的一个任务队列，执行完之后再执行所有的micro-task，就这样一直循环。

 

首先，执行setTimeout，执行完将回调放入macro-task中；

接着是，Promise，立即执行里面的function，输出2；

     循环开始，一直到resolve()，修改Promise状态为fulfill，执行输出3；

然后是then，将其中的回调放入到micro-task中；

继续执行，输出5；

函数调用栈都执行完毕，开始执行micro-task中的回调，输出4,；

最后开始执行macro-task中的回调，输出1。

转载于:https://www.cnblogs.com/ogrowup/p/8520781.html