then() 返回值或 Promise.resolve 有什么区别

Question

有什么区别：

new Promise(function(res, rej) {
    res("aaa");
  })
  .then(function(result) {
    return "bbb";
  })
  .then(function(result) {
    console.log(result);
  });

还有这个：

new Promise(function(res, rej) {
    res("aaa");
  })
  .then(function(result) {
    return Promise.resolve("bbb");
  })
  .then(function(result) {
    console.log(result);
  });

我在问，因为我使用 Angular 和 $http 服务与链接 .then() 获得了不同的行为。代码有点多，所以先看上面的例子。

Answer 1

唯一的区别是，当您执行return Promise.resolve("bbb") 时，您创建了一个不必要的承诺。从onFulfilled() 处理程序返回一个承诺会启动promise resolution。这就是promise chaining 的工作原理。

Answer 2

简单来说，在 then 处理函数内部：

A) 当x 是一个值（数字、字符串等）时：

1. return x 等价于 return Promise.resolve(x)
2. throw x 等价于 return Promise.reject(x)

B) 当x 是一个已经结算的Promise（不再等待处理）时：

1. return x 等同于 return Promise.resolve(x)，如果 Promise 已经解决。
2. 如果 Promise 已被拒绝，return x 等效于 return Promise.reject(x)。

C) 当x 是一个待处理的 Promise 时：

1. return x 将返回一个待处理的 Promise，并将在随后的 then 上进行评估。

在Promise.prototype.then() docs 上阅读有关此主题的更多信息。

Answer 3

您的两个示例的行为应该几乎相同。

then() 处理程序中返回的值成为从该then() 返回的承诺的分辨率值。如果.then 中返回的值是一个promise，则then() 返回的promise 将“采用该promise 的状态”并像返回的promise 一样解决/拒绝。

在您的第一个示例中，您在第一个then() 处理程序中返回"bbb"，因此"bbb" 被传递到下一个then() 处理程序。

在您的第二个示例中，您返回一个立即使用值 "bbb" 解析的承诺，因此 "bbb" 被传递到下一个 then() 处理程序。 （这里的Promise.resolve() 是无关的）。

结果是一样的。

如果您可以向我们展示一个实际表现出不同行为的示例，我们可以告诉您为什么会发生这种情况。

Answer 4

规则是，如果 then 处理程序中的函数返回一个值，则承诺会使用该值解析/拒绝，如果函数返回一个承诺，发生的情况是，下一个 then 子句将是 函数返回的 promise 的 then 子句，因此，在这种情况下，第一个示例将通过 thens 的正常序列并打印出人们可能期望的值，在第二个示例，当您执行Promise.resolve("bbb")'s 时返回的承诺对象是链接时调用的then（用于所有意图和目的）。下面更详细地描述了它的实际工作方式。

引用 Promises/A+ 规范：

promise 解析过程是一个抽象操作，将 promise 和 value 作为输入，我们将其表示为[[Resolve]](promise, x)。 如果x 是一个thenable，它会尝试让promise采用x 的状态，假设x 的行为至少有点像promise。否则，它会以 x 的值履行承诺。

对 thenables 的这种处理允许 Promise 实现互操作，只要它们公开一个符合 Promises/A+ 的 then 方法。它还允许 Promises/A+ 实现使用合理的 then 方法“吸收”不符合要求的实现。

这里要注意的关键是这一行：

如果x 是一个承诺，采用它的状态 [3.4]

链接：https://promisesaplus.com/#point-49

Answer 5

你已经得到了一个很好的正式答案。我想我应该添加一个简短的。

以下内容与Promises/A+ promises 相同：

• 调用 Promise.resolve（在您的 Angular 案例中为 $q.when）
• 调用 promise 构造函数并在其解析器中解析。在你的情况下是new $q。
• 从then 回调返回一个值。
• 在具有值的数组上调用 Promise.all，然后提取该值。

因此，对于 promise 或普通值 X，以下内容都是相同的：

Promise.resolve(x);
new Promise(function(resolve, reject){ resolve(x); });
Promise.resolve().then(function(){ return x; });
Promise.all([x]).then(function(arr){ return arr[0]; });

毫不奇怪，promise 规范基于Promise Resolution Procedure，它可以轻松实现库之间的互操作（如 $q 和本机 promise），让您的生活更轻松。每当可能发生承诺解决方案时，都会发生解决方案，从而创建整体一致性。