Promise使用 --async-await

csstmg

已于 2022-09-05 17:03:25 修改

阅读量257

点赞数

分类专栏：前端文章标签：前端 javascript vue.js

于 2022-09-05 10:49:55 首次发布

本文链接：https://blog.csdn.net/csstmg/article/details/126699870

版权

前端专栏收录该内容

171 篇文章 1 订阅

订阅专栏


import { convertCurExternalContactId, convertNewExternalUserId } from '@/api/common.js'
const convertCurExternalContact = {
  methods: {
    convertCurExternalContact (externalId, accountId) {
      return new Promise(async (resolve, reject) => {
        try {
          const { code, data } = await convertCurExternalContactId(externalId, accountId)
          if (code === '0') {
            resolve({ externalUserId: data })
          } else {
            resolve({ externalUserId: externalId })
          }
        } catch (err) {
          console.error('convertCurExternalContact:error====>', err)
          resolve({ externalUserId: externalId })
        }
      })
    },
  }
}
export default convertCurExternalContact

1.async/await场景

这是一个用同步的思维来解决异步问题的方案，当前端接口调用需要等到接口返回值以后渲染页面时。

2.async
async的用法，它作为一个关键字放到函数前面，用于表示函数是一个异步函数，因为async就是异步的意思，异步函数也就意味着该函数的执行不会阻塞后面代码的执行，async函数返回的是一个promise 对象。async 函数也是函数，

3.await

await的含义为等待。意思就是代码需要等待await后面的函数运行完并且有了返回结果之后，才继续执行下面的代码。这正是同步的效果，那么它在等待什么呢，它后面跟着什么呢？其实它后面可以放任何表达式，不过我们更多放的是一个promise对象的表达式（我立即是.then这种方式执行的）。注意await关键字，只能放在async函数里面