Skip to content

【Promise第九题】下面两段代码分别输出什么?

Posted on:2024年7月20日 at 11:01

代码一:

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是宏任务,它会被加入到下一轮的宏任务中。

原文转自:https://fe.ecool.fun/topic/a2c0b41f-1a7e-478b-9e0f-eba7e31a0b2c