JavaScript异步任务执行机制:
- 所有同步任务都在主线程上执行,形成一个执行栈(execution context stack)
- 主线程之外,还存在一个任务队列,用于存放异步执行的任务
- 一旦执行栈中的所有同步任务执行完毕,系统就会读取任务队列中的异步任务,异步任务结束等待,进入执行栈,开始执行
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、3、5
- 主体代码可以视为任务队列中第一个宏任务,而setTimeout创建了第二个宏任务,第一个宏任务中还创建了一个微任务,该微任务要优先与第二个宏任务执行,所以打印4并清除了第二个宏任务,不会输出2