ES6异步编程之Promise（二）

ES6之Promise对象

前面我们简单地了解了Promise对象的基本用法，提到了resolve和reject两个回调函数参数和then()、catch()和finally()这三个原型方法，本文将继续讲讲Promise对象的几个静态方法及其实际运用。

在开始之前我们先来简单了解一下Promise的基本原理，顺便回顾上篇文章所讲的内容。

一、前文回顾与深入

Promise代表一个异步操作，共有三种状态，分别为：pending（进行中）、resolved（已成功）和rejected（已失败）。

当我们创建一个空的Promise对象时，其状态为pending;
当执行resolve()方法时，其状态由pending变为resolved;
当执行reject()方法时，其状态由pending变为rejected。

以上所有状态变化后均不能再次改变其状态，比如执行resolve()后再执行reject()将不会生效。

另外还需注意的是，resolve和reject由于都只是函数参数，所以都可以写成其他的变量名（例如：res和rej），可根据自己喜好来定。

例如：

console.log(new Promise((res,rej)=>{}));   // 状态为pending
console.log(new Promise((res,rej)=>{res()}));   // 状态为resolved
console.log(new Promise((res,rej)=>{rej()}));   // 状态为rejected

然后我们再来看看then()和catch()，then()的第一个参数是在Promise状态变为resolved时调用，而then()的第二个参数和catch()中的回调函数都是在Promise状态变为rejected时调用。
我们来看看下面这个例子。

let get = (url) => {
  return new Promise((res,rej) => {
    $.ajax({
      url: url,  // 接口地址
      type: 'get',
      success: () => {
        console.log("success");
        rej();  // 将 Promise 状态改为rejected
      },
      error: () => {
        console.log("error");
        res();  // 将 Promise 状态改为resolved
      }
    })
  });
};

以上是封装的一个get()方法，返回一个Promise对象，可以直接用这个方法来进行get数据请求。

get('https://www.jianshu.com/u/f7e4b9837212')
    .then(() => {
      console.log('请求成功');
    }, () => {
      console.log('请求失败');
    })
    .catch(() => {
      console.log('请求失败');
    });

由于我是在本地环境下请求简书的网站页面，所以实际上是跨域请求，会直接执行$.ajax()中的error方法，因此首先会打印error。然后紧接着会继续执行res()，直接会将Promise状态变为resolved，触发then()第一个参数函数执行，因此打印请求成功。所以，最终打印结果是：

error
请求成功

同理，如果请求成功，那么最终打印结果将会是：

success
请求失败

通过上面例子我们就可以明白，Promise对象的then()和catch()执行是与Promise状态有关的，理解这一点对于接下来将要提到的几个静态方法可能会更好理解些。

---

Promise对象除了then()、catch()和finally()几个原型方法外，还有resolve()、reject()、race()和all()这几个静态方法。

一、resolve()

通过Promise.resolve()可直接将Promise状态变为resolved，相当于new Promise(res => res())，将会触发then()第一个参数方法的执行。

例如：