已解决的承诺等待内部承诺被解决

Question

我想对一个promise有一个promise，像这样：

let first = new Promise(resolveFirst => {
    setTimeout(() => {
        resolveFirst("resolved!");
    }, 2000)
});

let second = new Promise(resolveSecond => {
    setTimeout(() => {
        resolveSecond(first);
    }, 10)
});

second.then(secondValue => {
    console.log("second value: ", secondValue);
    secondValue.then(firstValue => {
        console.log("first value: ", firstValue);
    });
});

这样console.log("second value: ", secondValue); 将在10 毫秒之后打印，然后console.log("first value: ", firstValue) 将在2000 之后打印。

但是我得到了：

第二个值：已解决！

还有一个错误：

Uncaught (in promise) TypeError: secondValue.then is not a function

2010millies 之后在一起。

似乎当第二个promise被解决并返回第一个promise时，它会自动等待第一个promise也被解决。

这是为什么呢？我该如何打破它们之间的关系？

---

编辑

这是使用Array.reduce()在facebook上发布的解决方案：

const runPromisesInSeries = 
    ps => ps.reduce((p, next) => 
        p.then(next), Promise.resolve());

const delay = d => new Promise(r => setTimeout(r, d));
runPromisesInSeries([() => delay(1000), () => delay(2000)]);
//executes each promise sequentially, taking a total of 3 seconds to complete

(https://www.facebook.com/addyosmaniofficial/photos/a.10151435123819601.1073741825.129712729600/10155386805609601/?type=3&theater)

Answer 1

按照设计，通过第二个 Promise 解决的 Promise 在第二个 Promise 被解决（已完成或被拒绝）后采用第二个 Promise 的值和状态，等待它在必要时被解决。

不可能用 promise 或 thenable 对象（任何具有then 方法的对象）值来实现 promise，除非 promise 库存在严重缺陷（旧版本的 JQuery 会用 promise 实现它们自己的 promise 对象来自不同库的对象）。

Promise 拒绝没有相同的检查，并且会很高兴地将 Promise 对象沿链传递，而无需等待它被解决。所以你可以用第一个拒绝第二个承诺并在catch 子句中选择它。

虽然技术上可行，但我强烈建议不要这样做，除非证明可以这样做 - 对于试图理解代码的第三方来说，这是一个维护问题。

虽然您可以将 Promise 作为对象属性传递到 Promise 链的成功通道中，但重新分析 Promise 组合可能会提供更好或更标准的解决方案。例如。 Promise.all 等待完成两个或多个独立的承诺，然后再继续执行共同任务。

Answer 2

这只是他们魅力的一部分：如果您的承诺 A 解析为 thenable B，那么 A 仅在 B 解析后才解析，并且 A 采用 B 的已解析值。这是Promises/A+ 和ES6 的一部分，作为“承诺解决程序”的一部分。

如果（比如说）一个动作在完成之前需要一个动作（比如登录），或者需要加载另一页结果，或者有自己的重试逻辑，您就会看到这样做的一些优势。

虽然它不是很惯用，但如果你想立即返回一个未解决的承诺而不等待它，你可以通过将它传递给 {object} 或 [array] 来实现，但可能没有太多理由：除了等待它完成之外，你会对返回的 Promise 做什么？

Answer 3

您只能将then 链接到一个承诺。 secondValue 不是一个承诺，它只是你调用 second 承诺时返回的值。或来自该承诺的 resolved 值。

如果你想让它工作，试试这个：

let first = new Promise(resolveFirst => {
  setTimeout(() => {
    resolveFirst("resolved!");
  }, 2000)
});

let second = new Promise(resolveSecond => {
  setTimeout(() => {
    resolveSecond(first);
  }, 10)
});

second.then(secondValue => {
    console.log("second value: ", secondValue);
    /** first is a Promise. return a promise, and the next "then"
     * will pass the result of that Promise.
     */
    return first
  })
  .then(firstValue => {
    console.log(firstValue)
  })

编辑 1

进一步解释为什么 second 承诺解决了 first 承诺的最终值 (string)，而不是承诺本身 can be found on mdn:

Promise.resolve()

如果该值是一个承诺，则该对象将成为调用 Promise.resolve 的结果；否则返回的 Promise 将用该值实现。