JS 异步编程——一道面试题

async function async1() {
  console.log("async1 start");
  await async2();
  console.log("async1 end");
  return 'async1 return';
}

async function async2() {
  console.log("async2");
}

setTimeout(() => {
  console.log("setTimeout");
}, 0);

async1().then((res) => { 
  console.log(res) 
});

new Promise((resolve) => {
  console.log("promise1");
  resolve();
}).then(() => {
  console.log("promise2");
});

console.log("script end");
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

这是一道有关JS异步编程的一道题，大家可以自己先做一下然后再看答案。

需要理解的知识点：

• JS是单线程，但是同时它也可以执行异步任务，首先JS会先执行主线程上的同步任务，当遇到异步任务的时候JS会先将异步任务放到任务队列中，等到主线程上的同步任务完成后再执行任务队列里的异步任务。
• 回调队列分为宏任务和微任务，执行顺序是先微任务后宏任务。
• 定时器setTimeout( ) 属于宏任务，异步任务属于微任务。
  解题过程：
  
  浏览器执行结果展示：
  
  
  欢迎大家提出问题，我们一起进行讨论~~