JavaScript的宏任务和微任务及异步机制

JavaScript异步任务执行机制：

1. 所有同步任务都在主线程上执行，形成一个执行栈(execution context stack)
2. 主线程之外，还存在一个任务队列，用于存放异步执行的任务
3. 一旦执行栈中的所有同步任务执行完毕，系统就会读取任务队列中的异步任务，异步任务结束等待，进入执行栈，开始执行

JavaScript中异步任务又可以分为两种：

• 宏任务：I/O、setTimeout、setInterval、整体代码 
• 微任务：process.nextTick、MutationObserver、Promise.then .catch .finally

宏任务存放在任务队列中，微任务相当于宏任务中的子任务,一个宏任务中的微任务未完成是不会执行下一个宏任务的，所以微任务的执行会先于宏任务。

console.log(1);
let a = setTimeout(() => {console.log(2)}, 0);
console.log(3);
Promise.resolve(4).then(b => {
console.log(b);
clearTimeout(a);
});
console.log(5);

上述代码会输出

1
3
5
4

因为代码执行顺序为：

1. 执行栈中的同步任务最先执行输出：1、3、5
2. 主体代码可以视为任务队列中第一个宏任务，而setTimeout创建了第二个宏任务，第一个宏任务中还创建了一个微任务，该微任务要优先与第二个宏任务执行，所以打印4并清除了第二个宏任务，不会输出2