JS的执行顺序 setTimeout与Promise async/await

今天碰到一个很经典js执行顺序的题 代码不是很长

问的是console.log的输出顺序

这道题涉及到的知识点还挺多的

async function async1() {
console.log("async1start");
await async2();
console.log("async1end");
}
//函数2
async function async2() {
console.log('async2')
}
console.log("scriptstart");
setTimeout(function () {
console.log("settimeout");
}, 0)

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

//执行结果
scriptstart
async1start
async2
promise1
script end
async1end
promise2
settimeout

js 单线程的 它会先执行一些同步操作 所以先输出的就是scriptstart

然后是async1start async声明的函数虽然执行异步 但是他也是属于同步的写法

和async同时出现的await 会强迫其他代码等待自己执行完之后再执行 所以第三个输出async2

然后再继续 输出 promise1和script end

async1end最后一个同步代码输出完毕

剩下的就是promise的.then里边的异步 和 settimeout 这里涉及到异步的宏任务和微任务 settimeout 属于宏任务，promise属于微任务

主线程执行完了之后先从微任务栈里面获取微任务执行，没有微任务了，就去宏任务栈里面获取宏任务执行，所以在一个循环内，微任务是比宏任务先执行的

所以setTimeout在最后被执行