JS的宏任务和微任务

1.机制如下：

注意一点：

宏任务需要多次事件循环才能执行完，微任务是一次性执行完的；

除了广义的同步任务和异步任务，我们对任务有更精细的定义：

• macro-task(宏任务)：包括整体代码script，setTimeout，setInterval
• micro-task(微任务)：Promise，process.nextTick

• 宏任务

   

  #	浏览器	Node
  setTimeout	√	√
  setInterval	√	√
  setImmediate	x	√
  requestAnimationFrame	√	x

   

  微任务

  #	浏览器	Node
  process.nextTick	x	√
  MutationObserver	√	x
  Promise.then catch finally	√	√

2.宏任务macrotask：

（事件队列中的每一个事件都是一个macrotask）

优先级：主代码块 > setImmediate > MessageChannel > setTimeout / setInterval

比如：setImmediate指定的回调函数，总是排在setTimeout前面

3.微任务包括：

优先级：process.nextTick > Promise > MutationObserver

4.举个栗子：

（1）下面这个代码输出结果是什么？（先不要看下面的答案，自己想一想）

（2）揭晓答案：

主程序和和settimeout都是宏任务，两个promise是微任务

第一个宏任务（主程序）执行完，执行全部的微任务（两个promise），再执行下一个宏任务（settimeout），所以结果为：