Async Await的使用

qq_34815188

于 2021-09-21 23:07:04 发布

阅读量106

点赞数

分类专栏： js 文章标签： javascript html5

本文链接：https://blog.youkuaiyun.com/qq_34815188/article/details/120406702

版权

js 专栏收录该内容

8 篇文章

订阅专栏

本文深入讲解了async/await语法在JavaScript中的使用方式及其如何简化异步编程。通过两个实例演示了如何利用async/await替代传统的回调函数实现异步操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

async/await是同步语法，彻底消灭回调函数。

await后面应该跟着的是异步操作
await关键字一定要写在async函数的里面
await的下一行，都可以看做是callback里的内容，即异步(微任务)。

写法一

    function timeout() {
      return new Promise(resolve => {
        setTimeout(() => {
          resolve(1)
        }, 1000)
      })
    }

    async function foo() {
      // await后面应该跟着的是异步操作（timeout()），await关键字一定要写在async函数的里面
      const res = await timeout()
      console.log(res)
      console.log(2)
    }
    
    foo()

写法二

    function timeout() {
      return new Promise((resolve, reject) => {
        setTimeout(() => {
          resolve('success')
          // reject('fail')
        }, 1000)
      })
    }
    
    async function foo() {
      return await timeout()
    }
    
    foo().then(res => {
      console.log(res);
    }).catch(err => {
      console.log(err)
    })