如何创建一个处理两个承诺然后返回一个承诺的类？

Question

我想创建一个类，其职责是轮询数据源，将信息整理到一个“警报”对象数组中，然后将这些警报的子集传递给需要它们的任何其他类。

因为轮询是异步发生的（我正在从 Web 服务请求数据），所以我假设我实际需要返回的是一个 promise，它在实现时会给出正确的 Alert 子集对象。

但显然我不明白该怎么做，因为应该返回承诺的方法会返回其他东西。

到目前为止，这是我的代码。如您所见，我试图将承诺存储在实例属性中，然后检索它：

export class AlertCollection {

  constructor() {
    this.alerts = null;
  }

  // poll the data sources for alert data; store a promise that resolves
  // to an array of alerts
  poll() {
    this.alerts = this.pollTeapot()
                    .then( (arr) => {this.pollDeliverance(arr);} );

  }                                                                                                  

  // return a promise that fulfils to an array of the alerts you want
  filteredAlerts(filter) {
    return this.alerts; // not filtering for now
  }                                                                                                  

  // return a promise that fulfills to the initial array of alerts
  pollTeapot() {

    let process = (json) => {
      json2 = JSON.parse(json);
      return json2.map( (a) => new Alert(a) );
    };                                                                                               

    message = new MessageHandler("teapot", "alerts")
    return message.request().then( (json) => {process(json);} );
  }

  // Modify the alerts based on the response from Deliverance.
  // (But for the time being let's not, and say we did.)
  pollDeliverance(alerts) {
    return alerts;
  }

}

message.request() 从 Web 服务返回一个承诺。这样可行。如果我对pollTeapot() 中的process 函数进行快照，我会得到正确的数据。

但是，如果我对来自filteredAlerts() 的返回值进行快照，我就不明白了。我也没有得到 null （这至少是有道理的，尽管它是错误的。）我得到类似 { _45: 0, _81: 0, _65: null, _54: null } 的东西。

在这一点上，任何指针都会非常感激。 （顺便说一句，这是在 React Native 中，如果有帮助的话。）

Answer 1

我不确定我是否完全理解了您的问题，但我会尝试为您提供一个通用的解决方案来一个接一个地链接承诺。

someAsyncFunction().then(dataFromAsync1 => {
    return anotherAsyncFunction(dataFromAsync1).then(dataFromAsync2 => {
        return doSomethingWithData(dataFromAsync1, dataFromAsync2);
    });
});

Answer 2

这将很难描述 - 我有一个工作示例，但令人费解的是我不得不“模拟”所有异步部分，并使用 function 类而不是 @987654324 @关键字 - 但想法是一样的！

---

这个答案有两部分。

1. 将alerts 存储为实例变量没有意义。它们是异步的，直到异步调用完成后才会存在

2. 您需要将所有行为链接到对poll的初始调用

---

一般来说，您可以像这样将承诺链接在一起

functionWhichReturnsPromise()
      .then(functionPointer)
      .then(function(result){
           // some functionality, which can return anything - including another promise
      });

所以你的代码最终看起来像

var alertCollection = new AlertCollection()
alertCollection.poll().then(function(alerts){
    //here alerts have been loaded, and deliverance checked also!
});

该类的代码如下所示：

export class AlertCollection {

  constructor() {
  }

  // poll the data sources for alert data; store a promise that resolves
  // to an array of alerts
  poll() {
    return this.pollTeapot()
               .then(filteredAlerts)
               .then(pollDeliverance);

  }                                                                                                  

  // return a promise that fulfils to an array of the alerts you want
  filteredAlerts(alerts) {
    return alerts; // not filtering for now
  }                                                                                                  

  // return a promise that fulfills to the initial array of alerts
  pollTeapot() {

    let process = (json) => {
      json2 = JSON.parse(json);
      return json2.map( (a) => new Alert(a) );
    };                                                                                               

    message = new MessageHandler("teapot", "alerts")
    return message.request().then(process);
  }

  // Modify the alerts based on the response from Deliverance.
  // (But for the time being let's not, and say we did.)
  pollDeliverance(alerts) {
    return alerts;
  }

}

一些笔记

• filteredAlerts 可以为所欲为，只要返回结果数组即可
• pollDeliverance 也可以为所欲为 - 如果它需要调用另一个异步方法，请记住返回一个解析为警报数组的承诺 - 可能会根据异步调用的结果进行更新。

---

我创建了一个 JSFiddle 来演示这一点 - 使用一个简单的 getJSON 调用来复制其中一些的异步性质。正如我所提到的，它很复杂，但演示了这个过程：

现场示例：https://jsfiddle.net/q1r6pmda/1/