事件循环中函数执行顺序

最新推荐文章于 2024-05-22 13:59:27 发布

llllllwllll

最新推荐文章于 2024-05-22 13:59:27 发布

阅读量47

点赞数

文章标签： ajax javascript 前端

本文链接：https://blog.csdn.net/weixin_59070023/article/details/130053229

版权

宏任务与微任务

宏任务：setTimeout,setInterval,AJAX,DOM

微任务：Promise,async/await

1. 宏任务与微任务都是队列

2.微任务所有执行完才执行宏任务

3.await执行完后，跳出整个async函数

例子

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. 顺序执行，输出script start

2.执行async函数，输出async start，执行await后的函数，输出async2，跳出整个async函数

3.执行promise，构造时是同步的，所以执行promsie1，.then是异步的，存入队列

4.顺序执行script end

5.第一次事件循环结束

6.执行async1，打印async1 end

7.执行.then中的，打印promise2

8.最后执行宏任务setTimeout