一、概述

Promise 是异步编程的一种解决方案，它可以解决回调地狱的问题。简单来说，可以将 Promise 作为一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。有了 Promise 对象，就可以将异步操作以同步操作的流程表达出来，避免了层层嵌套的回调函数。

Promise 对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）、rejected（已失败）。对象的状态不受外界影响，只有异步操作的结果可以决定当前是哪一种状态，其它任何操作都无法改变这个状态。

Promise 对象状态的改变只有两种可能：①pending → fulfilled ②pending → rejected。一旦状态发生改变，就不会再变了，会一直保持这个结果。如果状态已经发生了改变，再对 Promise 对象添加回调函数，也会立即得到这个结果。这与事件（Event）完全不同，事件的特点是，如果即错过了它，再去监听是得不到结果的。

二、基本用法

Promise 对象是一个构造函数，用来生成 Promise 实例。resolve 和 reject 是两个函数，由 JS 引擎提供。

resolve 函数的作用是将 Promise 对象状态从“未完成”变为“成功”，在异步操作成功时调用，并将异步操作的结果，作为参数传递出去；reject 函数的作用是，将 Promise 对象的状态从“未完成”变为“失败”，在异步操作失败时调用，并将异步操作报出的错误，作为参数传递出去。

const promise = new Promise((resolve, reject) => {
	// ...
  if(/* 异步操作成功 */) {
    resolve(value)
  } else {
    reject(error)
  }
})

Promise 实例生成以后，可以使用 then 方法分别指定异步操作成功和失败状态的回调函数。

promise.then((value) => {
  // sucess
}, (error) => {
  // failure
})

Promise 新建后会立即执行。

const p = new Promise((resolve, reject) => {
  console.log(1)
  resolve()
})

p.then(() => {
  console.log(2)
})

console.log(3)

// 输出结果为 1 3 2

上述代码中，Promise 新建后立即执行，所以首先输出的是1。then 方法指定的回调函数，将在当前脚本中的所有同步任务执行完毕之后只会才会执行，所以2最后输出。

三、静态方法

Promise.resolve()

把参数包装成状态为 fulfilled 的 Promise 对象。

const p = Promise.resolve('success')
console.log(p) // Promise {<fulfilled>: "success"}
p.then(res => {
  console.log(res) // success
})

Promise.reject()

把参数包装成状态为 rejected 的 Promise 对象。

const p = Promise.reject('error')
console.log(p) // Promise {<rejected>: "error"}
p.catch(res => {
  console.log(res) // error
})

Promise.all()

Promise.all() 方法用于将多个 Promise 实例，包装成一个新的 Promise 实例。

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

Promise.all() 方法接受一个数组作为参数，p1、p2、p3 都是 Promise 实例，如果不是，就会先调 Promise.resolve 方法，将参数转为 Promise 实例，再进一步处理。Promise.all() 方法的参数可以不是数组，但必须具有 Iterator 接口，且返回的每个成员都是 Promise 实例。

p 的状态由 p1、p2、p3 决定。① 只有 p1、p2、p3 的状态都变成 fulfilled，p 的状态才会变成 fulfilled，此时 p1、p2、p3 的返回值组成一个数组，传递给 p 的回调函数；② 只要 p1、p2、p3 之中有一个被rejected，p 的状态就变成 rejected，此时第一个被 reject 的实例的返回值，会传递给 p 的回调函数。

Promise.race()

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

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

Promise.race() 方法的参数与 Promise.all() 方法一样，如果不是 Promise 实例，就会先调用 Promise.resolve() 方法，将参数转为 Promise 实例，再进一步处理。

只要 p1、p2、p3 之中有一个实例率先改变状态，p 的状态就跟着改变。那个率先改变的 Promise 实例的返回值，就传递给 p 的回调函数。