如何调用一个函数，该函数为循环中的每个项目数组返回一个承诺

Question

public takePicture() { 
 let options: CaptureImageOptions = { limit: 3 };
    return this.mediaCapture.captureImage(options)
      .then((data: MediaFile[]) => {
        console.log(data);
        for (let i = 0; i <= data.length; i++) {
          return this.beforeSave(data[i].fullPath).then((save) => {
            this.save(save);
          });
        }
      })
      .catch((err: CaptureError) => { console.log(err) });
}

我正在尝试为从相机拍摄到手机的每张图像调用 beforeSave()。但是，只有第一个，才会返回承诺。我应该如何实现我的代码才能为我的数据数组中的每个项目执行它？

Answer 1

如果这里的目标是保存所有捕获的图像并将完成或错误反馈给调用者，那么您可以更改为.map() 以收集一组承诺并使用Promise.all() 来监控该承诺数组.该代码如下所示：

public takePicture() { 
    let options: CaptureImageOptions = { limit: 3 };
    return this.mediaCapture.captureImage(options).then((data: MediaFile[]) => {
        console.log(data);
        // collect array of promises and use Promise.all() to monitor them
        return Promise.all(data.map(item => {
            return this.beforeSave(item.fullPath).then((save) => {
              return this.save(save);
            });
        }));
    }).catch((err: CaptureError) => { 
        // log error, then rethrow so caller can see the error
        console.log(err) 
        throw err;
    });
}

仅供参考，这假设您使用 this.beforeSave() 和 this.save() 是正确的。我不知道这些接口，所以我只是在这方面带头。

Answer 2

您马上返回，for 循环没有完成。尝试删除return。

public takePicture() { 
 let options: CaptureImageOptions = { limit: 3 };
    return this.mediaCapture.captureImage(options)
      .then((data: MediaFile[]) => {
        console.log(data);
        for (let i = 0; i < data.length; i++) {
          this.beforeSave(data[i].fullPath).then((save) => { // !! Remove the return here
            this.save(save);
          });
        }
      })
      .catch((err: CaptureError) => { console.log(err) });
}