console.log('script start');

setTimeout(function(){
    console.log('宏任务执行：setTimeout1 2000ms')
}, 2000);

setTimeout(function(){
    console.log('宏任务执行：setTimeout2 0ms')
}, 0);

new Promise((resolve, reject) => {
    console.log('同步代码执行: new Promise');
    setTimeout(function(){
        console.log('宏任务执行：setTimeout3 1000ms')
        resolve();
    }, 1000);
}).then(function(){
    console.log('微任务执行：promise resolve')
});

console.log('script end');

分析执行过程：

• 1.js引擎从上到下开始执行代码

• 2.遇到console.log直接打印：script start

• 3.遇到宏任务setTimeout，交给定时器线程处理（定时器线程会在2000ms后将setTimeout的回调函数：function(){ console.log('宏任务执行：setTimeout1 2000s') } 推入宏任务队列，等待JS引擎去执行），JS引擎继续执行后续代码

• 4.再次遇到宏任务setTimeout，交给定时器线程处理（定时器线程会在0ms后将setTimeout的回调函数：function(){ console.log('宏任务执行：setTimeout2 0s') } 推入宏任务队列，等待JS引擎去执行），JS引擎继续执行后续代码

• 5.遇到new Promise，new Promise构造传入的内容立即执行，所以打印：console.log('同步任务执行：new promise');；

• 6.接着发现new Promise的构造函数存在一个宏任务setTimeout，所以依然是交给定时器线程处理（定时器线程会在1000ms后将改setTimeout的回调函数：function(){ console.log('宏任务执行：setTimeout3 1000ms') } 推入宏任务队列，等待JS引擎去执行），JS引擎继续执行后续代码

• 7.遇到console.log直接打印：script end

• 8.步骤7完成，即说明同步任务执行完毕。在这个过程中，没有产生微任务，所以微任务队列为空；同时在这个过程中产生了三个宏任务:setTimeout，按照定时器设置的时间，这三个宏任务推入宏任务队列的顺序为：setTimeout2 0ms、setTimeout3 1000ms、setTimeout1 2000ms，所以后续执行宏任务时先推入队列的任务先执行。（最先推入任务队列的称为队首的任务，任务执行完成后，就会从队首中移除，下一个任务就会称为队首任务）

• 9.根据步骤8的分析，执行完同步代码以后，本应该先执行微任务队列中的所有的微任务，但是因为并没有微任务存在，所以开始执行宏任务队列中队首的任务，即setTimeout2 0ms，所以会打印：宏任务执行：setTimeout2 0ms

• 10.步骤9结束以后，也就是执行完一个宏任务了；接下依然是执行微任务队列中的所有微任务，但是此时依然因为没有微任务存在，所以执行宏任务队列中的队首的那个任务，即setTimeout3 1000ms，所以会打印：宏任务执行：setTimeout2 0ms; 接着发现定时器setTimeout的回调函数中调用了resolve，因此产生了一个微任务：promise.then，该微任务会被推入微任务队列。

• 11.步骤10结束以后，也是执行完一个宏任务了；接下还是执行微任务队列中的所有微任务，此时微任务队列中有一个微任务，是步骤9在执行的过程中产生的（这就是我们在前面说的任务之间的嵌套，只有外层任务的回调被执行后，内层的任务才会存在），所以执行该微任务，打印：微任务执行：promise resolve

• 12. 步骤10完成后，即执行完一个微任务；接着继续执行宏任务队列中队首的那个任务，即打印：setTimeout1 2000s

• 13.所有的微任务、宏任务执行完毕，代码结束

最终的打印顺序：

script start
同步代码执行: new Promise
script end
宏任务执行：setTimeout2 0ms
宏任务执行：setTimeout3 1000ms
微任务执行：promise resolve
宏任务执行：setTimeout1 2000ms

console.log('script start');
setImmediate(function(){
    console.log('宏任务执行：setImmediate');
})
console.log('script end');

console.log('script start');
setImmediate(function(){
    console.log('宏任务执行：setImmediate');
})
setTimeout(function(){
    console.log('宏任务执行：setTimeout 0');
},0)
console.log('script end');

script start
script end
宏任务执行：setImmediate
宏任务执行：setTimeout 0

console.log('script start');
setTimeout(function(){
    setImmediate(function(){
        console.log('宏任务执行：setImmediate');
    })
    setTimeout(function(){
        console.log('宏任务执行：setTimeout 0');
    },0)  
}, 0)

console.log('script end');

setTimeout(function(){
    console.log('宏任务执行：setTimeout 1ms');
}, 1)

setTimeout(function(){
    console.log('宏任务执行：setTimeout 0ms');
}, 0)

script start
script end
宏任务执行：setTimeout 0
宏任务执行：setTimeout 1

function fn(){ }
setTimeout(fn, 1000)