Promise chaining（angular javascript）

Question

所以我有几个函数都会对服务进行异步调用。我不想让他们在前一个完成后执行，但只有在前一个没有失败时才能执行。它看起来像这样：

var fn1 = function() { 
    var promise = aService.fn1(); 
    var successCallback = function(response) { 
     return true; 
    }; 
    var errorCallback = function() { 
     return false; 
    }; 
    return promise.then(successCallback, errorCallback); 
}; 
var fn2 = function() { 
    var promise = aService.fn2(); 
    var successCallback = function(response) { 
     return true; 
    }; 
    var errorCallback = function() { 
     return false; 
    }; 
    return promise.then(successCallback, errorCallback); 
}; 
var fn3 = function() { 
    var promise = aService.fn3(); 
    var successCallback = function(response) { 
     return true; 
    }; 
    var errorCallback = function() { 
     return false; 
    }; 
    return promise.then(successCallback, errorCallback); 
}; 

fn1().then(function(resp){ 
    if (resp) 
    { 
     fn2().then(function(resp){ 
      if (resp) 
      { 
       fn3().then(function(resp){ 
        if (resp) 
        { 
         // all functions have been called in order were successful 
        } 
       }); 
      } 
     }); 
    } 
}); 

最后的执行看起来很糟糕，更多的功能被添加到这个链。我不想知道是否有另一种方式可以构造这种方式，所以它的行为相同，但不会创建大型链接异步调用树。如果我能把它保持在一个很好的缩进位置上。谢谢！

Answer 1

你必须修改错误回调返回$q.reject()而不是false，即：

var fn1 = function() { 
    var promise = aService.fn1(); 
    var successCallback = function(response) { 
     // no return needed, unless the next stage 
     // requires the results of this stage 
    }; 
    var errorCallback = function() { 
     return $q.reject(); 
    }; 
    return promise.then(successCallback, errorCallback); 
}; 

的链接变成：

fn1() 
    .then(function() { 
     return fn2(); 
    }) 
    .then(function() { 
     return fn3(); 
    }) 
    .then(function() { 
     // ALL SUCCEEDED HERE 
    }); 

---

事实上，你甚至不用写在f1痛苦的代码，f2，f3，即下面也将做的工作：

aService.fn1() 
    .then(function() { 
     return aService.fn2(); 
    }) 
    .then(function() { 
     return aService.fn3(); 
    }) 
    .then(function() { 
     // ALL SUCCEEDED HERE 
    }); 

Answer 2

如果您的服务功能已经promisified，你可以让事情变得极短：

aService.fn1() 
.then(aService.fn2.bind(aService)) 
.then(aService.fn3.bind(aService)) 
.then(function(){ 
    // all functions have been called in order and were successful 
});