await原理

最新推荐文章于 2024-05-01 05:29:00 发布

德比利DBL

最新推荐文章于 2024-05-01 05:29:00 发布

阅读量657

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/m0_46073357/article/details/116301599

版权

本文详细介绍了JavaScript中async和await的原理，指出async函数默认返回Promise对象，而await用于等待Promise解析。通过实例展示了await如何简化Promise的then方法，使代码更易读。总结中强调await会等待Promise状态改变后继续执行后续代码。

摘要由CSDN通过智能技术生成

async 与 await的原理

async 默认返回的就是一个Promise对象

async function a() {
  console.log('a')
  return 'aaaaa'
}
console.log(a()) // Promise {<fulfilled>: "aaaaa"}

await的原理（用promise的then方法还原）

const p = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve(1)
  }, 2000)
})
async function fun(){
  const result = await p
  console.log(result)
  console.log('fun执行')
}
fun()
// 执行后等待两秒依次输出 1, fun执行

await其实就是简化了promise的then写法，这样的执行看起来似乎有点难以理解，但是了解then执行机制的朋友看到还原后的代码就很明了了。

还原代码

const p = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve(1)
  }, 2000)
})
p.then(
  value => {
    console.log(value)
    console.log('fun执行')
  }
)