那些年我怨种同桌遇到的bug②

怨种同桌今天又突然call我问问题了,题目如下:

问以下代码的执行结果是什么?

console.log(1)
setTimeout(function() {
  console.log(2)
  new Promise(function(resolve) {
    console.log(3)
    resolve()
  }).then(function() {
    console.log(4)
  })
})

new Promise(function(resolve) {
  console.log(5)
  resolve()
}).then(function() {
  console.log(6)
})
setTimeout(function() {
  console.log(7)
  new Promise(function(resolve) {
    console.log(8)
    resolve()
  }).then(function() {
    console.log(9)
  })
})
console.log(10)

答案是:1,5,10,6,2,3,4,7,8,9

分析如下:

首先要知道执行顺序是 同步代码 => 微任务 => 宏任务

微任务和宏任务的分类如下:

任务（代码）	宏/微 任务	环境
script	宏任务	浏览器
事件	宏任务	浏览器
网络请求（Ajax）	宏任务	浏览器
setTimeout() 定时器	宏任务	浏览器 / Node
fs.readFile() 读取文件	宏任务	Node
Promise.then()	微任务	浏览器 / Node

注意new Promise()是同步代码,Promise.then()才是微任务
第一步执行同步代码 console.log()&new Promise()
所以首先执行了1,5,10
new Promise()的状态都是resolved所以then会执行故执行6
定时器是宏任务,放在最后执行2,3,4,7,8,9