Array.filter 有异步问题

Question

我通过异步调用 API 端来获取数据集。但是我的客户端方法返回可观察的。 所以我将它转换为 promise 并返回我的值。

 const statusTypes = ['paid','default','open'];
    const data: any = await this.reportService.getReport(payload).toPromise()
    const invoices = await this.getFilteredDataByStatusArray(data.invoices, statusTypes );
    const tempSelectedStaus = [...statusTypes ];
    const withoutOverdueStatus: any = await this.getNotOverdueList(tempSelectedStaus);
//some code here

这是代码中的getNotOverdueList方法，

async getNotOverdueList(arrayData) {
    return await new Promise((resolve, reject) => {
      try {
        return resolve(arrayData.filter(s => s !== 'Overdue'));
      } catch (err) {
        this.logger.error(err);
        return [];
      }

    });
  }

之后我的代码中的代码行很少，但是在执行此方法 getNotOverdueList 时这些行没有执行。此方法执行后返回。

你知道为什么会这样吗？

Answer 1

您似乎在一个函数编写中将异步版本和承诺版本混合在一起。

promise 版本是一个返回由resolve 和reject 驱动的promise 的函数。

function getNotOverdueList(arrayData) {
  return new Promise((resolve, reject) => {
    try {
      return resolve(arrayData.filter(s => s !== 'Overdue'));
    } catch (err) {
      this.logger.error(err);
      return resolve([]);   // or reject(err)
    }
  })
}

异步版本是由return和throw驱动的返回值的函数。

async function getNotOverdueList(arrayData) {
  try {
    return arrayData.filter(s => s !== 'Overdue');
  } catch (err) {
    this.logger.error(err);
    return []   // or throw err
  }
}

两个版本都可以通过getNotOverdueList(...).then(res) 调用。在 async 函数内部时，可以使用 await getNotOverdueList(...) 调用异步版本。