for循环中调用接口 async await Promise

---

前言

for循环中 循环调用接口 然后等循环结束获取全部数据。

---

1.for循环

代码如下（示例）：

async initMapInfoWindowChart(data) {
      const { data: res, code: code } = await getData({
        id: data.id,
      })
      if (code == 200) {
        if (res) {
          var chartList = []
          chartList = res
          for (let i in chartList) {
          //此处的resData  即为每次循环执行后 异步接口返回值
            let resData = await this.getHistoryList(i, chartList[i].id)
          }
          this.chartList = chartList
        }
      } else {
        this.$notify({
          type: 'error',
          title: '失败！',
          message: res.msg,
          position: 'bottom-right'
        })
      }
    },

2.异步接口

代码如下（示例）：

async getHistoryList(i, id) {
      return new Promise(async resolve => {
        pageHistoryList({
          id: id
        }).then(res => {
          if (res.code == 200) {
            if (res.data) {
              var historyList = res.data
              resolve(historyList)
            }
          } else {
            this.$notify({
              type: 'error',
              title: '失败！',
              message: res.msg,
              position: 'bottom-right'
            })
          }
        })
      })
    },

---

总结

使用async await Promise化异步为同步 便于拼接数据