es6中的promise

1.概念：

Promise是一种异步操作，分为三种状态：pending（进行中），resolved（已完成），rejected（已失败）。

2.特点：

（1）一旦状态改变，就不会再变，任何时候都可以得到这个结果。
（2）与事件（event）的区别：时间错过了的话，再去监听是得不到结果的。

3.缺点：

（1）无法取消Promise，一旦新建，它就会立即执行，无法中途取消。
（2）如果不设置回调函数，Promise内部抛出的错误，不会反映到外部。
（3）当处于pending状态时，无法得知目前进展到哪一个阶段（刚刚开始还是即将完成）。

4.用法：

    <script type="text/javascript">
        var promise = new Promise((resolve,reject)=>{
          // ... 
          if (/* 异步操作成功 */){
            resolve(res);
          } else {
            reject(error);
          }
        })

        //Promise 实例生成以后，可以用then方法分别指定Resolved状态和Reject状态的回调函数。
        var promise = new Promise((resolve,reject)=>{
          // ... 
        }).then(res=>{
             //成功
             resolve(res);
          }, err=>{
            //失败
             reject(err);
          })
    </script>

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

5.方法：

• Promise.prototype.then()

then方法返回的是一个新的Promise的实例。因此可以采用链式写法，即在then方法后面再掉另一个then方法。

login(param).then(function(post) {
   return param;
   }).then(res=> {
      console.log("Resolved: ", res);
   }, err=>{
      console.log("Rejected: ", err);
});

第二个then方法指定的回调函数会等待这个新的 Promise 对象状态发生变化。如果变为 Resolved打印res，如果状态变为 Rejected打印err。

• Promise.prototype.catch()

（1）如果异步操作抛出错误，状态就会变为Rejected，就会调用catch方法指定的回调函数，处理这个错误。
（2）then方法指定的回调函数如果运行中抛出错误，也会被catch方法捕获。
（3）Promise 对象的错误具有 “ 冒泡 ” 性质，会一直向后传递，直到被捕获为止。也就是说，错误总是会被下一个catch语句捕获。
（4）reject方法的作用，等同于抛出错误

var promise = new Promise((resolve, reject)=> {
try {
  throw new Error('test');
} catch(err) {
  reject(err);
}
});
// 等同于
var promise = new Promise((resolve, reject)=> {
  reject(new Error('test'));
});

• Promise.all()

接受一个数组作为参数,用于将多个 Promise 实例，包装成一个新的 Promise 实例。

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

p的状态由p1、p2、p3决定:
（1）只有p1、p2、p3的状态都变成已完成，p的状态才会变成已完成，此时p1、p2、p3的返回值组成一个数组，传递给p的回调函数。
（2）只要p1、p2、p3之中有一个被拒绝，p的状态就变成拒绝，此时第一个被reject的实例的返回值，会传递给p的回调函数。

• Promise.race()

同样是将多个 Promise 实例，包装成一个新的 Promise 实例
区别：哪个结果获得的快，就返回那个结果，不管结果本身是成功状态还是失败状态。

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

• Promise.resolve()

将现有对象转为 Promise 对象

Promise.resolve('foo')
// 等价于
new Promise(resolve => resolve('foo'))

• Promise.reject()

返回一个新的 Promise 实例，该实例的状态为rejected。

var p = Promise.reject(' 出错了 ');
// 等同于
var p = new Promise((resolve, reject) => reject(' 出错了 '))
p.then(null, function (s){
  console.log(s)
});

Promise的实现

https://imweb.io/topic/5bbc264b6477d81e668cc930