async await之我的理解以及使用

公司新的项目中我用了async await来写异步的调用接口函数，在这里记录一下我的理解、遇到的问题和解决的方法。

async和await

1. async：它修饰的方法，返回的数据就会是个promise对象（可单独使用）
2. await：意思是等待执行完它修饰的方法，再往下执行，它会阻塞后面的代码，也就是同
3. await 如果得到的是 Promise 对象，则得到其 resolve值，需要配合async使用

关键点：

• async/await 本质上依然是基于Promise，但在使用上更加简便符合自然习惯。
• async函数内部同步执行。await之间相当于.then。
• async函数外部的调用异步执行。
• 需要try/catch await应对promise reject的情况。

异常捕获

运行的代码放在try中，如果try中接口挂了，或者赋值失败，空数组循环……只要出现一个错误，都会走到catch，但是接口什么的仍然可能已经走通了。所以报错时要好好看看，到底是什么的错误。

   async getExamineRisk () {

      // 获取风险等级

      try {

        let res = await this.api.getExamineRisk()

        if (res.data.code === 0) {

          this.examineRisk = res.data.data

        }

      } catch (error) {

        this.$message.error('操作失败！')

      }

    },

外部调用async方法

async函数外部的调用异步执行。所以外部调用时仍有可能先走赋值等同步操作，之后在调用async函数，但是赋值的数据可能就来自于async函数，这就会导致赋值为空。此时应该在函数名前再加一个async，在调用的异步方法前加await，此时异步方法已经是同步的顺序了，再把赋值操作放在调用的方法之后，可得到想要的结果。

    async getExamineFetchList (data = this.pageparam) {

      // 获取list数据

      try {

        let res = await this.api.getExamineFetchList(data)

        this.secenList = res.data.data.data.list

        this.total = res.data.data.data.total

        // this.total = this.secenList.length

        console.log(res)

      } catch (error) {

        this.$message.error('获取列表失败！')

      }

    },

  async getExDetail (item) {

      // 场景介绍（根据场景id获取场景详情）

      try {

        let res = await this.api.getExDetail({ sceneId: item.sceneId })

        this.currentSecen = res.data.data

      } catch (error) {

        this.$message.error('操作失败！')

      }

    },

   async tostep1 (item) {

      console.log('复用', item)



      await this.getSTsceneTask(item)

      await this.getExDetail(item)



      let data = this.taskData.data

      this.task = data

      this.addform.taskName = data.taskName

      this.targetscheckList = data.taskTargets

      this.TGparamList = data.targetParameters

      this.executeCycle = data.executeCycle

      this.filterF.taskTargets = data.filters

      this.sendstaffs = data.emailSends

      if (data.emailSends) {

        for (let index = 0; index < data.emailSends.length; index++) {

          this.sendstaffs[index].staffId = data.emailSends[index].receiveStaffId

          this.sendstaffs[index].staffName =

            data.emailSends[index].receiveStaffName

        }

      }

      console.log(data, 751)

      this.stepState = 'step1'

      this.stepVisible = true

    }