为什么。然后（resolvecallback，recublcallback）在promise.race polyfill中的表现与。（resolvecallback）。

Question

我正在使用以下代码段编写Polly.race（）方法的polyfill。

const promise = new Promise((resolve, reject) => {
  resolve('promise resolved');
});

const promise2 = Promise.resolve('promise2 resolved');

function raceCopy(promises) {
  return new Promise(function (resolve, reject) {
    for (var index = 0; index < promises.length; index++) {
        Promise.resolve(promises[index])
          .then(resolve)
          .catch(reject);
    }
  });
}

raceCopy([Promise.reject('copy rejected'), promise, promise2])
  .then((response) => console.log(response))
  .catch((error) => console.error(error));

但是，它没有在控制台中给出“拒绝”错误，而是显示“承诺已解决”。我不明白它如何以及为什么这样工作？

我尝试的是

1. 我使用的

Promise.race([Promise.reject('copy rejected'), promise, promise2])
 .then((response) => console.log(response))
 .catch((error) => console.error(error));

2. ？其次，我更改了Racecopy（）的实现。这样的东西，

function raceCopy(promises) {
  return new Promise(function (resolve, reject) {
    for (var index = 0; index < promises.length; index++) {
      Promise.resolve(promises[index]).then(resolve, reject);
    }
  });
}

它也给出了正确的结果。

我不了解什么？ 如果所有实现都是相同的，那么为什么所有结果都不相同？我在这里想念什么？

Answer 1

我已经进行了一些测试，并找到了有趣的结果。请注意，这只是我发现测试的事情，因此可能不是100％准确的；深入研究Ecmascript文档将肯定会更正确。

基本上，您的原始代码不起作用的原因是。然后和.catch。
这是因为在这种情况下如何排队。让我们使用以下输入显示一个示例：

var promises = [Promise.reject('rejected'), Promise.resolve('resolved')];

如果在您的代码中使用链接，则是结果：

Promise.resolve(promises[index])
    .then(resolve)
    .catch(reject)

/*
-----------------------
Microtask queue
-----------------------
- .then of index 0, then enqueue the catch
- .then of index 1 (which resolve the promises)
- .catch of index 0 (which gets ignored)

------------------------------------------------------------
If we reverse the chaining
*/

Promise.resolve(promises[index])
    .catch(reject)
    .then(resolve)

/*
-----------------------
Microtask queue
-----------------------
- .catch of index 0 (which reject the promises) and don't enqueue following .then
- .then of index 1 (which gets ignored)

*/

第一个.catch最终在Microtask队列的末尾，因为它已在第一个MicroTask中征用，而另一个在一开始就在主要任务中均被招募。

这只是猜测，但我认为它可以用这种方式来允许单个.catch捕获错误，即使有多个。

修复它的正确方法可能是您在上一个示例中已经找到的方法。仅使用一个。然后，您仅排队一个微型掩体，它将以正确的方式处理它。