在 Promise 中混淆错误和拒绝

Question

全部：

我对 JS Promise 还是很陌生，当谈到 Promise 链接时有一个困惑，比如说我有一个类似的 Promise 链接：

var p = new Promise(function(res, rej){
})
.then(
    function(data){
    }, 
    function(err){
    })
.then(
    function(data){
    }, 
    function(err){
    })
.catch(
    function(err){
    })

让我感到困惑的是：

1. 什么时候调用函数(err)，什么时候调用catch？
2. then中如何解决和拒绝？

谢谢

Answer 1

使用 Promise 的公式是：

var p = new Promise(function(resolve, reject) {

  var condition = doSomething();

  if (condition) {
    resolve(data);
  } else {
    reject(err);
  }

});

.catch 没有什么特别之处，它只是.then (undefined, func) 的糖，但.catch 更清楚地表明它纯粹是一个错误处理程序。

如果Promise 未解决且其中未提供拒绝回调，则它会跳至链中包含拒绝回调的下一个.then。拒绝回调是reject(err)。

更详细的解释见：Javascript Promises - There and Back again。

---

也就是说：在您的示例中，.catch 只有在前面的拒绝回调中有错误时才会被调用。那就是 reject(err) 函数本身存在错误 - 这与前面的 Promise 未解析无关。

您基本上可以将自己限制在.catch 中位于.then 链末端的拒绝回调。任何.then 中的任何Error 都将落入.catch。但有一个微妙之处：.catch 中的任何错误都不会被捕获。

Answer 2

要知道的重要一点是 .then() 方法总是链接到一个 Promise 上，它返回一个 new Promise，其值和已解决/拒绝状态是基于给它的函数返回的。

在您的示例中，如果原始 Promise 解析，那么您的第一个 .then() 中的第一个函数将使用解析的值调用。如果它返回一个值，那么 it 返回的任何值都将最终传递到 second .then() 中的第一个函数中。 catch 中的函数永远不会被调用。

如果 Promise 拒绝，您的第一个 .then() 中的第二个函数将使用被拒绝的值调用，并且它返回的任何 value 都将成为一个新的已解析 Promise 并传递给第一个函数那么你的第二个。在这里也永远不会调用 Catch。只有当 Promise 拒绝并且您继续返回被拒绝的 Promise 或在您的 function(err){} 函数中抛出错误时，您才会在调用的 catch 块中获得 function(err){}。

要在 function(data){} 函数中解析，您需要做的就是返回一个值（或返回一个稍后解析的 Promise/thenable）。 要拒绝，您需要抛出一个错误，实际上导致一个错误，返回一个最终拒绝的新 Promise，或者显式返回 Promise.reject(::some value::)。

要在您的function(err){} 块中解析，您需要做的就是返回一个新值。您还可以返回一个 Promise，在这种情况下，Promise 就是将返回的内容（最终解决或拒绝）。

一般来说，在同一个 .then() 中同时定义已解决和已拒绝的路径是不明智的：PROMISE.then(fn).catch(fn) 是一种更安全/更清晰的做法，因为第一个 .then() 中的任何错误都将是被抓住。但是，如果您改为使用PROMISE.then(fn, fn)，则如果第一个函数中发生错误，则第二个函数不会捕获该错误：稍后链接的某些方法将不得不捕获它。

Answer 3

1. 注意示例中的执行器函数

   var p = new Promise(function(res, rej){});

   不完整。提供给 Promise 构造函数的实际执行器函数必须调用其第一个参数 (res) 来解析构造的 Promise，或调用其第二个参数 (rej) 来拒绝该 Promise。这些调用通常是异步进行的，但不必在 ES6 中。

2. 当使用 Promise 对象（或具有 .then 属性的任何对象，它是一个函数）解析承诺时，除非在解析中提供的承诺对象本身变得履行或拒绝。满足的值被传递给.thenonFulfilled处理程序，被拒绝的值被传递给.thenonRejected处理程序/侦听器/回调（取决于您的术语）。

3. 但是，当使用非承诺（类似）对象解析承诺时，作为.then 的第一个参数提供的侦听器将使用分辨率值调用。

4. 当使用任何值拒绝承诺时，作为.then 的第二个参数或.catch 的第一个参数提供的侦听器将使用被拒绝的值调用。

5. .catch 是使用提供的参数作为第二个参数调用.then 并省略第一个参数的委婉说法，如

   Promise.prototype.catch = function( listener) { return this.then(null, listener);};

6. .then 注册的onFulfill 和onReject 函数的行为是相同的。拒绝链式承诺会引发错误。履行链式承诺返回一个非承诺值。要保持链式承诺返回一个承诺（或类似承诺）的对象。

   ---

7. （更新）当提供给.then( onFulfill, onReject) 的参数丢失或不是函数对象时，处理相当于从以下位置提供虚拟函数：

   function onFulfill( data) { return data;}
   function onReject( err) { throw err;}
   

   这是使用单个参数调用 then 或 catch 时的常见情况。