代码一:
setTimeout(() => {
console.log("timer1");
setTimeout(() => {
console.log("timer3");
}, 0);
}, 0);
setTimeout(() => {
console.log("timer2");
}, 0);
console.log("start");
代码二:
setTimeout(() => {
console.log("timer1");
Promise.resolve().then(() => {
console.log("promise");
});
}, 0);
setTimeout(() => {
console.log("timer2");
}, 0);
console.log("start");
代码一输出:
'start'
'timer1'
'timer2'
'timer3'
代码二输出:
'start'
'timer1'
'promise'
'timer2'
这两个例子,看着好像只是把第一个定时器中的内容换了一下而已。
一个是为定时器timer3,一个是为Promise.then
但是如果是定时器timer3的话,它会在timer2后执行,而Promise.then却是在timer2之前执行。
你可以这样理解,Promise.then是微任务,它会被加入到本轮中的微任务列表,而定时器timer3是宏任务,它会被加入到下一轮的宏任务中。