Promise.prototype.then()和Promise.prototype.catch()

Promise.prototype.then()

Promise实例具有

then

方法，也就是说，

then

方法是定义在原型对象Promise.prototype上的。它的作用是为Promise实例添加状态改变时的回调函数。

then

方法返回的是一个新的Promise实例(注意，不是原来那个Promise实例)。因此可以采用链式写法，即

then

方法后面再调用另一个

then

方法。

getJSON('/posts.json').then(function(json){
return json.post;
}).then(function(){
// ...
});

上面的代码使用

then

方法，依次指定了两个回调函数。第一个回调函数完成以后，会将返回结果作为参数，传入第二个回调函数。

采用链式的

then

，可以指定一组按照次序调用的回调函数。

getJSON('/post/1.json').then(function(post){
return getJSON(post.commentURL);
}).then(function funcA(comments){
console.log('Resolved:',comments);
}, function funB(err){
console.log('Rejected:',err);
});

上面代码中，第一个

then

烦烦烦指定的回调函数，返回的是另一个Promise对象。这时，第二个

then

方法指定的回调函数，就会等待新的Promise对象状态发生变化。

如果变为Resolved，就调用

funcA

，如果状态变为Rejected，就调用

funcB

。

如果采用箭头函数，上面的代码可以写的更简洁：

getJSON('/post/1.json').then(
post=>getJSON(post.commentURL)
).then(
commnets=>console.log('Resolved:',comments),
err=>console.log('Rejected:',err)
);

Promise.prototype.catch()

Promise.prototype.catch

方法是

.then(null,rejeaction)

的别名，用于指定发生错误时的回调函数。

getJSON('/posts.json').then(function(posts){
// ...
}).catch(function(error){
// 处理getJSON和前一个回调函数运行时发生的错误
console.log(error);
});