Promise执行流程分析

先上代码

console.log(1);
new Promise(function (resolve, reject){
    reject(true);
    window.setTimeout(function (){
        resolve(false);
    }, 0);
}).then(function(){
    console.log(2);
}, function(){
    console.log(3);
});
console.log(4);

输出143

解释：

1. 首先整段js从上到下执行，遇到 console.log(1) 输出了1；
2. 遇到了 new Promise(function(resolve,reject){})。继续往里看，遇到了 reject(true)。此时的
3. promise的状态由pending变成了rejected。再往下看，是一个setTimeout，setTimeout方法内部的操作将会被丢到下一个宏任务的队列中执行，即使时间为0。 执行完function内部看.then()了。.then()内部的操作将丢到微任务队列里面等待执行。
4. 继续向下看，遇到console.log(4) 输出4
5. 此时这个宏任务已经执行完啦，开始执行微任务。微任务队列中有个 .then(), .then()方法可以接受两个回调函数作为参数。第一个回调函数是Promise对象的状态变为resolved时调用，第二个回调函数是Promise对象的状态变为rejected时调用。其中，第二个函数是可选的。此时的promise的状态是rejected，于是走的是第二个function(){}，也就是console.log(3),于是便输出了3
6. 微任务队列也执行完了，开始执行下一轮的宏任务，也就是setTimeout内部的操作，但是此时的resolve(false)并不能改变promise的状态，因为promise的状态一旦改变了就一直保持这个状态不会再发生变化了。