Ember 的 Promise 重试包装器

Question

我有一段 Ember 代码调用 API 端点并在响应到达时填充数组（还有其他项目独立于 API 调用。为了简单起见，我省略了不相关的代码）：

descriptor: Ember.computed("qParams", function(){
    let qParams = this.get("qParams");
    let data = new Ember.A();
    let callHomePromise = this.get("store").find('info-extractor', qParams)
    .then(item => { data.pushObject(item); });
    return data;
    })

这段代码工作正常，并且完成了预期的工作。我想创建一个重试器：例如，如果 this.get("store").find 由于底层 AJAX 调用以 401 响应而失败，我会再试几次。基于这个答案

我设计了以下包装器：

export default function (promiseFactory) {

  let retryChain = Ember.RSVP.reject();
  for (var count = 0; count < 3; count++) {
  retryChain = retryChain.catch(reason => {
      return new Ember.RSVP.Promise((resolver, rejector) => {
        promiseFactory().catch(r => {
        setTimeout(rejector.bind(null, reason), 1000);
      }).then(ok => { resolver(ok); })
      });
    });
  }

  return retryChain;
}

我是这样执行的：

import retrier from 'project/utils/retrier';

//....

descriptor: Ember.computed("qParams", function(){
    let qParams = this.get("qParams");
    let data = new Ember.A();
    let callHomePromise = retrier(() => { 
         return this.get("store").find('info-extractor', qParams); 
        }).then(item => { data.pushObject(item); })
          .catch(reason => { /* do stuff with reason */});
    return data;
    })

我模拟了错误的请求（通过设置错误的 qParams 变量）并观察到多个 AJAX 请求失败，最终在重试器之后的 catch() 方法中捕获了永久性失败。

但是，当调用成功时，重试器承诺永远不会解决，我不明白为什么？

如有任何帮助，我们将不胜感激。

Answer 1

这部分代码

    return new Ember.RSVP.Promise((resolver, rejector) => {
      promiseFactory().catch(r => {
      setTimeout(rejector.bind(null, reason), 1000);
    })

从不调用解析器，因此它不可能成功并达到以下 then。然后将以下内容移动到这样的表达式中：

  retryChain = retryChain.catch(reason => {
    return new Ember.RSVP.Promise((resolver, rejector) => {
      promiseFactory().then(ok => { resolver(ok); }, r => {
        setTimeout(rejector.bind(null, reason), 1000);
      });
    });
  });

Ember 的 Promise 重试包装器

Promise Retry Wrapper for Ember

promise

ember.js

ember.js-2