相信你看到这篇博客,应该也想更多更深入的了解下:
事件循环与任务队列 是JS中比较重要的两个概念,在ES6中,清楚的区分宏观任务和微观任务队列才能解释Promise的一些表现。
js是单线程语言,对于异步操作只能先把它放在一边,按照某种规则按先后顺序放进一个容器(其实就是存入宏观任务和微观任务队列中),先处理同步任务,再处理异步任务。异步任务分为 [ 宏观任务队列、微观任务队列 ]
按照规定,能发起宏观任务的方法有:
script(整体代码)、setTimeout、setInterval、I/O、UI交互事件、postMessage、MessageChannel、setImmediate(Node.js 环境);
微观任务的方法有:
Promise.then、MutaionObserver、process.nextTick(Node.js 环境),async/await实际上是promise+generator的语法糖,也就是promise,也就是微观任务;
同步任务结束后,先处理微观任务后处理宏观任务
先来看一段代码:
// 先来看下下面这段代码
async function async1() {
console.log('async1 start');
await async2();
console.log('async1 end');
}
async function async2() {