Promise 对象是 JavaScript 的异步操作解决方案,为异步操作提供统一接口。它代表了一个异步操作的最终完成或者失败。本质上 Promise 是一个函数返回的对象,我们可以在它上面绑定回调函数,它起到代理作用(proxy),充当异步操作与回调函数之间的中介,使得异步操作具备同步操作的接口。Promise 可以让异步操作写起来,就像在写同步操作的流程,而不必一层层地嵌套回调函数。
Promise 有三种状态:Pending 初始态; Fulfilled 成功态; Rejected 失败态。
一、Promise对象的两个特点
- 对象的状态不受外界影响。只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态。这也是
Promise这个名字的由来:“承诺”,表示其他手段无法改变。 - 一旦状态改变,就不会再变,任何时候都可以得到这个结果。
Promise对象的状态改变,只有两种可能:从pending变为fulfilled和从pending变为rejected。只要这两种情况发生,状态就凝固了,不会再变了,会一直保持这个结果,这时就称为 resolved(已定型)。如果改变已经发生了,你再对Promise对象添加回调函数,也会立即得到这个结果。这与事件(Event)完全不同,事件的特点是,如果你错过了它,再去监听,是得不到结果的。
二、基本用法
ES6 规定,Promise对象是一个构造函数,用来生成Promise实例:
const promise = new Promise(function(resolve, reject) {
// ... some code
if (/* 异步操作成功 */){
resolve(value);
} else {
reject(error);
}
});
resolve函数的作用是,将Promise对象的状态从 pending 变为 resolved,在异步操作成功时调用,并将异步操作的结果,作为参数传递出去;
reject函数的作用是,将Promise对象的状态从 pending 变为 rejected,在异步操作失败时调用,并将异步操作报出的错误,作为参数传递出去。
Promise实例生成以后,可以用then方法分别指定resolved状态和rejected状态的回调函数:
promise.then(function(value) {
// success
}, function(error) {
// failure
});
三、Promise.all()
Promise.all()方法用于将多个 Promise 实例,包装成一个新的 Promise 实例:
const p = Promise.all([p1, p2]).then(success,fail);
只有p1、p2的状态都变成fulfilled,才会调用success
四、Promise.race()
Promise.race()方法同样是将多个 Promise 实例,包装成一个新的 Promise 实例:
const p = Promise.race([p1, p2]).then(success, fail);
p1和p2只要有一个成功就会调用success;
p1和p2只要有一个失败就会调用fail;
总之,谁第一个成功或失败,就认为是race的成功或失败。