当列表长度未知时，顺序调用 http.get

Question

假设我有以下内容：

var myurls = ['http://server1.com', 'http://server2.com', 'http:sever2.com', etc ]

每个 url 都是“后备”，只有在无法访问前一个时才应使用。换言之，该列表指定了优先级。让我们还假设这个列表可以是任意长度 - 我不知道并且必须迭代。

我该如何编写一个函数，比如说“可达性”，它遍历这个数组并返回第一个可达的服务器？

我不能做$http.all，因为它是并行的。我无法运行带有$http.get 的while 循环，因为结果可能会在稍后出现，与此同时，我的用户界面将冻结。

请注意我没有使用 jQuery。我正在使用 ionic，它有一个 jQuery-lite 版本。

我看到的各种例子都在谈论将它们链接到 .then，如果您事先知道 URL 的数量，这很好，但我不知道。

谢谢

Answer 1

只需对数组进行归约：

myurls.reduce((p, url) => p.catch(() => http.get(url).then(() => url)),
              Promise.reject());

流程说明：

它基于使用reduce 构建promise 链的更多common pattern，如下所示：[func1, func2].reduce((p, f) => p.then(f), Promise.resolve()); 等价于Promise.resolve().then(func1).then(func2)（reduce 的最后一个参数是初始值）。

在您的情况下，由于您正在重试失败，因此您想构建一个重试（或拒绝）链，因此我们必须从 Promise.reject() 开始。 Promise.reject().catch(func1).catch(func2)

Answer 2

我猜递归和链接可以满足您的需求：

var findFirstReachableUrl = function (urls) {
  if (urls.length > 0) {
    return $http.get(urls[0]).then(function () {
      return urls[0];
    }, function () {
      return findFirstReachableUrl(urls.slice(1));
    });
  } else {
    return $q.reject("No reachable URL");
  }
}

呼叫：

findFirstReachableUrl(myurls).then(function (firstReachableUrl) {
  // OK: do something with firstReachableUrl
}, function () {
  // KO: no url could be reached
});