Promise不是回调。Promise代表异步操作的未来结果。当然,按照您的方式编写它们,您几乎没有什么好处。但是,如果您按照它们的使用方式编写它们,则可以以类似于同步代码的方式编写异步代码,并且更易于遵循:
api().then(function(result){
return api2();
}).then(function(result2){
return api3();
}).then(function(result3){
// do work
});
当然,不是更少的代码,而是更具可读性。
但这还不是结束。让我们发现真正的好处:如果您想检查任何步骤中的任何错误怎么办?用回调来做这件事会很糟糕,但用Promise,是小菜一碟:
api().then(function(result){
return api2();
}).then(function(result2){
return api3();
}).then(function(result3){
// do work
}).catch(function(error) {
//handle any error that may occur before this point
});
与try { ... } catch
块几乎相同。
更好的是:
api().then(function(result){
return api2();
}).then(function(result2){
return api3();
}).then(function(result3){
// do work
}).catch(function(error) {
//handle any error that may occur before this point
}).then(function() {
//do something whether there was an error or not
//like hiding an spinner if you were performing an AJAX request.
});
更妙的是:如果这些3调用什么api
,api2
,api3
可以同时运行(例如,如果他们是AJAX调用),但你需要等待三个?没有Promise,你应该创建某种计数器。使用 ES6 表示法的 promise 是另一块蛋糕,而且非常整洁:
Promise.all([api(), api2(), api3()]).then(function(result) {
//do work. result is an array contains the values of the three fulfilled promises.
}).catch(function(error) {
//handle the error. At least one of the promises rejected.
});
希望您现在以全新的眼光看待 Promise。