Promise对象

215 阅读2分钟

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);

只有p1p2的状态都变成fulfilled,才会调用success

四、Promise.race()

Promise.race()方法同样是将多个 Promise 实例,包装成一个新的 Promise 实例:

const p = Promise.race([p1, p2]).then(success, fail);

p1和p2只要有一个成功就会调用success;
p1和p2只要有一个失败就会调用fail;
总之,谁第一个成功或失败,就认为是race的成功或失败。

参考资料