async function async1() {
console.log("async1 start");
await async2();
console.log("async1 end");
return 'async1 return';
}
async function async2() {
console.log("async2");
}
setTimeout(() => {
console.log("setTimeout");
}, 0);
async1().then((res) => {
console.log(res)
});
new Promise((resolve) => {
console.log("promise1");
resolve();
}).then(() => {
console.log("promise2");
});
console.log("script end");
这是一道有关JS异步编程的一道题,大家可以自己先做一下然后再看答案。
需要理解的知识点:
- JS是单线程,但是同时它也可以执行异步任务,首先JS会先执行主线程上的同步任务,当遇到异步任务的时候JS会先将异步任务放到任务队列中,等到主线程上的同步任务完成后再执行任务队列里的异步任务。
- 回调队列分为宏任务和微任务,执行顺序是先微任务后宏任务。
- 定时器setTimeout( ) 属于宏任务,异步任务属于微任务。
解题过程:
浏览器执行结果展示:
欢迎大家提出问题,我们一起进行讨论~~