JS中的Promise经典题目解析

这段代码很有代表性,涵盖了多个 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');

知识点总结:

  1. async/await 是基于 Promise 的语法糖,提供了更方便、直观的写法。
  2. 当使用 async 定义函数时,函数不会立即执行,只有在调用时才会开始执行。
  3. Promise 内部的代码是同步执行的,而 .then() 中的代码是异步的。当使用 async 时,await expression; 中的 expression 是要等待的 Promise 实例,其中的代码会同步执行,而 await 后面的代码相当于 .then() 的内容,因此是异步执行的。
  4. async 和 Promise 的代码执行优先级相同,都遵循先进先出(FIFO)原则,并且它们的优先级高于宏任务。setTimeout() 属于宏任务。

执行顺序分析:

根据以上代码及解析,执行顺序为:

  1. script start
  2. async1 start
  3. async2
  4. promise1
  5. script end
  6. promise2
  7. setTimeout
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值