Promise异步请求变成同步

最近在开发详情页，然后后端返回的是图片的id，这是返回的详情是个数组，文件id是用字符串隔开的id，需要把字符串切割，然后循环数组根据文件id获取文件信息，刚开始我是循环，然后拿到的文件信息在添加到数组里，发现获取的数据是undefined,而且界面不显示图片信息，最后想了一下就是异步和同步的问题。使用Promise完美解决。

1.Promise是一个容器，保存着某个未来才会结束的事件（异步操作）的结果。

2.Promise有三种状态： pending（进行时），fulfilled（成功）和reJect（失败），只有异步操作的结果可以改变promise的状态，一旦promise从pending状态转化为fulfilled和reJect后就不会再改变。

3.使用：

Const promise  = new Promie(function (resolve,reject){
If(/* 异步操作成功*/）{
resolve(value)
} else{
reject(value)
}
})

4.项目中使用

              this.imgLoading = false;
              let serviceArr = [];
              res.results.forEach(
                (item, index) => {
                  item.arr = item.arr || [];
                  let imgPromessArr = [];
                  if (item.attachmentId) {
                    let imgArr = item.attachmentId.split(',');
                    imgArr.forEach((_item) => {
                      imgPromessArr.push(this.getSrcById(_item));
                    });
                  }
                  item.serviceDate = item.serviceDate.substr(0, 10);
                  item.index = index;
                  // 判断是否有图片，如果有等待文件信息返回，然后整个id先添加到serviceArr中
                  if (imgPromessArr.length > 0) {
                    Promise.all(imgPromessArr).then((_res) => {
                      item.arr = _res;
                      serviceArr.push(item);
                      // 判断index是否等于 res.results.length的长度-1，如果是就把imgLoading设置为true，view上面只有是true才显示
                      if (
                        index ===
                        res.results
                          .length -
                          1
                      ) {
                        this.serverArr = serviceArr;
                        this.imgLoading = true;
                      }
                    });
                  } else {
                    serviceArr.push(item);
                    if (
                      index ===
                      res.results
                        .length -
                        1
                    ) {
                      this.serverArr = serviceArr;
                      this.imgLoading = true;
                    }
                  }
                },
              );
            

// 根据文件id获取文件信息，这边使用promise

getSrcById(id) {
      return new Promise((resolve, reject) => {
        this.$apis.cpm.coop.serviceOrder
          .downloadFile({ asAttachFileId: id })
          .then((res) => {
            if (res) {
              resolve(res);
            }
          });
      });
    },