async/await执行顺序

async/await

1.await 会把后面的值封装成一个 Promise.resolve(值)然后把值return出来

2.await后面如果是promise对象,就返回这个promise对象成功状态传入的值,失败状态则报错(可以用try-catch解决),无状态会阻塞 await下面程序的执行

3.await 后面的不是异步任务,除非手动写一个异步任务,await下面一行开始就是同一个微任务

async function fn() {
   
     console.log(1);//1
    var a = await console.log(3);//2
    console.log(a);//4
    }
    function fn1() {
   
        console.log(2);
      }
    fn()
    console.log(4);//3
// 1 3 4 undefined
      async function 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
`Promise` 和 `async/await` 的执行顺序都基于 JavaScript 事件循环机制。 在 `Promise` 中,异步操作会被添加到事件队列中,然后按照队列中的顺序执行。在执行过程中,如果遇到了异步操作,就会将其添加到事件队列中等待执行。当所有的同步任务执行完毕后,才会开始执行异步任务。 在 `async/await` 中,异步操作会被转化成一个 `Promise` 对象,并使用 `await` 等待异步操作的结果。在执行过程中,如果遇到了 `await`,JavaScript 引擎会暂停当前的异步操作,并等待 `Promise` 对象的状态变为 `resolved` 或 `rejected`,然后再继续执行后面的代码。 下面是一个简单的例子,演示了 `Promise` 和 `async/await` 的执行顺序: ``` // 使用 Promise console.log('start'); new Promise((resolve, reject) => { console.log('Promise1'); resolve(); }) .then(() => { console.log('Promise2'); }); console.log('end'); // 使用 async/await async function asyncFunc() { console.log('start'); await new Promise((resolve, reject) => { console.log('Promise1'); resolve(); }); console.log('Promise2'); console.log('end'); } asyncFunc(); ``` 在 `Promise` 中,首先输出了一个 `start`,然后创建了一个 `Promise` 对象并添加到事件队列中,接着输出了一个 `end`,最后在异步任务执行完毕后输出了 `Promise2`。 在 `async/await` 中,首先输出了一个 `start`,然后创建了一个 `Promise` 对象并使用 `await` 等待其执行结果,接着输出了一个 `Promise2` 和一个 `end`。 因此,最终的输出结果分别是: ``` // Promise start Promise1 end Promise2 // async/await start Promise1 Promise2 end ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值