如何正确地打破承诺链？

Question

基于这里的问题：jQuery chaining and cascading then's and when's 和接受的答案，我想在某个点打破承诺链，但还没有找到正确的方法。有multiplepostsabout这个，还是迷路了。

从原始问题中获取示例代码：

Menus.getCantinas().then(function(cantinas){ // `then` is how we chain promises
    Menus.cantinas = cantinas;
    // if we need to aggregate more than one promise, we `$.when`
    return $.when(Menus.getMeals(cantinas), Menus.getSides(cantinas));
}).then(function(meals, sides){ // in jQuery `then` can take multiple arguments
    Menus.sides = sides; // we can fill closure arguments here
    Menus.meals = meals;
    return Menus.getAdditives(meals, sides); // again we chain
}).then(function(additives){
    Menus.additives = additives;
    return Menus; // we can also return non promises and chain on them if we want
}).done(function(){ // done terminates a chain generally.
     // edit HTML here
});

如果cantinas.length == 0，我将如何打破链条？我不想得到饭菜，也不想得到添加剂，坦率地说，我想称之为某种“空结果”回调。我尝试了以下非常丑陋（但有效......）。教我正确的方法。这仍然是一个有效的结果，因此本身不是“失败”，我想说的只是空结果。

var emptyResult = false;
Menus.getCantinas().then(function(cantinas){
    Menus.cantinas = cantinas;
    if (cantinas.length == 0) {
      emptyResult = true;
      return "emptyResult"; //unuglify me
    }
    return $.when(Menus.getMeals(cantinas), Menus.getSides(cantinas));
}).then(function(meals, sides){ 
    if (meals == "emptyResult") return meals;  //look at my ugliness...
    Menus.sides = sides;
    Menus.meals = meals;
    return Menus.getAdditives(meals, sides);
}).then(function(additives){
    if (additives == "emptyResult") return additives;
    Menus.additives = additives;
    return Menus;
}).done(function(){
   if (emptyResult)
     //do empty result stuff
   else
     // normal stuff
});

Answer 1

听起来像你want to branch，not to break - 你想像往常一样继续done。 Promise 的一个很好的特性是它们不仅可以链接，还可以是 nested and unnested 没有限制。在你的情况下，你可以把你想要“打破”的链部分放在你的if-statement 中：

Menus.getCantinas().then(function(cantinas) {
    Menus.cantinas = cantinas;

    if (cantinas.length == 0)
        return Menus; // break!

    // else
    return $.when(Menus.getMeals(cantinas), Menus.getSides(cantinas))
    .then(function(meals, sides) {
        Menus.sides = sides;
        Menus.meals = meals;
        return Menus.getAdditives(meals, sides);
    }).then(function(additives) {
        Menus.additives = additives;
        return Menus;
    });
}).done(function(Menus) {
    // with no cantinas, or with everything
});

Answer 2

首先，我认为最好说您正在寻求“绕过”（部分）承诺链，而不是“破坏”它。

正如您所说，在几个地方测试“emptyResult”非常难看。幸运的是，在遵循不执行某些承诺链的相同一般原则的同时，可以使用更优雅的机制。

另一种机制是使用承诺拒绝来控制流程，然后在链中稍后重新检测特定的错误条件，并将其放回成功路径。

Menus.getCantinas().then(function(cantinas) {
    Menus.cantinas = cantinas;
    if(cantinas.length == 0) {
        return $.Deferred().reject(errMessages.noCantinas);
    } else {
        return $.when(Menus.getMeals(cantinas), Menus.getSides(cantinas));
    }
}).then(function(meals, sides) {
    Menus.sides = sides;
    Menus.meals = meals;
    return Menus.getAdditives(meals, sides);
}).then(function(additives) {
    Menus.additives = additives;
    return Menus;
}).then(null, function(err) {
    //This "catch" exists solely to detect the noCantinas condition 
    //and put the chain back on the success path.
    //Any genuine error will be propagated as such.
    //Note: you will probably want a bit of safety here as err may not be passed and may not be a string.
    return (err == errMessages.noCantinas) ? $.when(Menus) : err;
}).done(function(Menus) {
    // with no cantinas, or with everything
});

var errMessages = {
    'noCantinas': 'no cantinas'
};

从好的方面来说，我发现没有嵌套可以提高自然成功路径的可读性。另外，至少对我来说，这种模式需要最少的心理调整来适应进一步的绕过，如果需要的话。

不利的一面是，这种模式的效率略低于 Bergi 的模式。虽然主路径与 Bergi 的承诺数量相同，但 cantinas.length == 0 路径需要一个以上的承诺（如果编码了多个绕过，则每个绕过一个）。此外，这种模式需要对特定错误条件进行可靠的重新检测 - 因此是 errMessages 对象 - 有些人可能会发现这会减损。

Answer 3

对于那些使用内置浏览器承诺并寻找一种方法来停止承诺链而不让所有消费者都知道拒绝案例、触发任何链接的 then 或 catches 或抛出任何 Uncaught (in promise) 的人错误，您可以使用以下内容：

var noopPromise = {
  then: () => noopPromise, 
  catch: () => noopPromise
}

function haltPromiseChain(promise) {
  promise.catch(noop)

  return noopPromise
}

// Use it thus:
var p = Promise.reject("some error")
p = haltPromiseChain(p)
p.catch(e => console.log(e)) // this never happens

基本上，noopPromise 是一个基本的存根承诺接口，它接受链接函数，但从不执行任何函数。这依赖于这样一个事实，即浏览器显然使用鸭子类型来确定某事是否是一个承诺，所以 YMMV（我在 Chrome 57.0.2987.98 中对此进行了测试），但如果这成为一个问题，你可能会创建一个实际的承诺实例和中性它的 then 和 catch 方法。