JavaScript 执行机制

今天看到网上一个经典的有关事件循环的试题：

 //请写出输出内容
async function async1() {
    console.log('async1 start');
    await async2();
    console.log('async1 end');
}
async function async2() {
	console.log('async2');
}

console.log('script start');

setTimeout(function() {
    console.log('setTimeout');
}, 0)

async1();

new Promise(function(resolve) {
    console.log('promise1');
    resolve();
}).then(function() {
    console.log('promise2');
});
console.log('script end');

所以输出结果为：
script start
async1 start
async2
promise1
script end
async1 end
promise2
setTimeout

总结：
1.JS分为同步任务和异步任务
2.同步任务都在主线程上执行，一旦执行栈中的所有同步任务执行完毕，开始执行异步任务队列
3.精细的讲，进入整体代码(宏任务)后，开始第一次循环。接着执行所有的微任务。然后再次从宏任务开始，找到其中一个任务队列执行完毕，再执行所有的微任务。
4.macro-task(宏任务)：
script(整体代码)、setTimeout、setInterval、I/O、UI交互事件、postMessage、MessageChannel、setImmediate(Node.js 环境)
micro-task(微任务)：
包括Promise.then、MutaionObserver、process.nextTick(Node.js 环境)
5.Promise中的异步体现在then和catch中，所以写在Promise中的代码是被当做同步任务立即执行的。而在async/await中，在出现await出现之前，其中的代码也是立即执行的
6.await是一个让出线程的标志。await后面的表达式会先执行一遍，将await后面的代码加入到微任务中，然后就会跳出整个async函数来执行后面的代码。

···

JavaScript 的事件循环经典讲解：
https://github.com/Advanced-Frontend/Daily-Interview-Question/issues/7
https://juejin.im/post/59e85eebf265da430d571f89