ES6中 Promise

在以往我们如果处理多层异步操作，我们往往会像下⾯那样编写我们的代码

1
2
3
4
5
6
7
1 doSomething(function(result) {
2 doSomethingElse(result, function(newResult) {
3 doThirdThing(newResult, function(finalResult) {
4 console.log('得到最终结果: ' + finalResult);
5 }, failureCallback);
6 }, failureCallback);
7 }, failureCallback);

promise 对象仅有三种状态

pending （进⾏中）

fulfilled （已成功）

rejected （已失败）

对象的状态不受外界影响，只有异步操作的结果，可以决定当前是哪⼀种状态

⼀旦状态改变（从 pending 变为 fulfilled 和从 pending 变为 rejected ），就不会再

变，任何时候都可以得到这个结果

实例⽅法

then 是实例状态发⽣改变时的回调函数，第⼀个参数是 resolved 状态的回调函数，第⼆个参数

是 rejected 状态的回调函数

then ⽅法返回的是⼀个新的 Promise 实例，也就是 promise 能链式书写的原因

1
2
3
4
5
getJSON("/posts.json").then(function(json) {
return json.post;
}).then(function(post) {
// ...
});

catch() ⽅法是 .then(null, rejection) 或 .then(undefined, rejection) 的别

名，⽤于指定发⽣错误时的回调函数

1
2
3
4
5
6
getJSON('/posts.json').then(function(posts) {
// ...
}).catch(function(error) {
// 处理 getJSON 和 前⼀个回调函数运⾏时发⽣的错误
console.log('发⽣错误！', error);
});

finally() ⽅法⽤于指定不管 Promise 对象最后状态如何，都会执⾏的操作

构造函数⽅法

all()

Promise.all() ⽅法⽤于将多个 Promise 实例，包装成⼀个新的 Promise 实例

1
const p = Promise.all([p1, p2, p3]);

接受⼀个数组（迭代对象）作为参数，数组成员都应为 Promise 实例

实例 p 的状态由 p1 、 p2 、 p3 决定，分为两种：

只有 p1 、 p2 、 p3 的状态都变成 fulfilled ， p 的状态才会变成 fulfilled ，此时

p1 、 p2 、 p3 的返回值组成⼀个数组，传递给 p 的回调函数

只要 p1 、 p2 、 p3 之中有⼀个被 rejected ， p 的状态就变成 rejected ，此时第⼀个被

reject 的实例的返回值，会传递给 p 的回调函数

注意，如果作为参数的 Promise 实例，⾃⼰定义了 catch ⽅法，那么它⼀旦被 rejected ，并

不会触发 Promise.all() 的 catch ⽅法

reject()

Promise.reject(reason) ⽅法也会返回⼀个新的 Promise 实例，该实例的状态为 rejected