ES6 Promise笔记

Promise基本模型

var getJSON = function(url) {
  var promise = new Promise(function(resolve, reject){
    var client = new XMLHttpRequest();
    client.open("GET", url);
    client.onreadystatechange = handler;
    client.responseType = "json";
    client.setRequestHeader("Accept", "application/json");
    client.send();

    function handler() {
      if (this.readyState !== 4) {
        return;
      }
      if (this.status === 200) {
        resolve(this.response);
      } else {
        reject(new Error(this.statusText));
      }
    };
  });

  return promise;
};

getJSON("/posts.json").then(function(json) {
  console.log('Contents: ' + json);
}, function(error) {
  console.error('出错了', error);
});
`

Promise是一个容器，保存着将来才会发生的事件。Promise一开始是Pending状态，调用resolve函数变成Resolved状态，或者调用Reject函数变成Rejected状态，状态是不可逆的。
上面代码中resolve、reject两个函数由语言框架提供，我们只需要调用promise对象的then函数指定Resolved状态和Reject状态的回调函数。promise对象的catch只是then(null, rejection)的别名。

then链式调用

getJSON('/post/1.json').then(function(post) {
   return getJSON(post.commentURL);
 }).then(function(comments) {
   // some code
 }).catch(function(error) {
   // 处理前面三个Promise产生的错误
 });

then方法返回的也是一个新的Promise对象（不是前面那个），所以then方法可以写成链式调用。后一个then方法指定的回调函数，会等到前面的Promise状态发生改变时才被调用。

1. 前一个then方法指定的回调函数，返回一个普通对象，该对象会作为参数传给下一个then指定的回调函数
2. 前一个then方法指定的回调函数，返回一个Promise对象，后一个回调函数会等该Promise状态改变才会被调用。
3. 如果前面Promise跑出异常，会直接向后传递，知道找到一catch方法指定的回调函数，去处理异常。如果没有catch函数，异常并不会抛到外层。

Promise.all()

 // 生成一个Promise对象的数组
 var promises = [2, 3, 5, 7, 11, 13].map(function (id) {
   return getJSON("/post/" + id + ".json");
 });
 
 Promise.all(promises).then(function (posts) {
   // ...
 }).catch(function(reason){
   // ...
 });

只有所有的Promise对象状态都变成Resolved，会将所有的返回结果组成一个数组作为参数，调用then方法指定的回调函数；否则会将第一个变成Rejected状态的Promise的返回值，传递给catch指定的毁掉函数。

Promise.race()

'' var p = Promise.race([p1, p2, p3]);
跟Promise.all不同的是，将第一个改变状态的Promise实例返回值作为参数去回调，而不是等到所有Promise实例黄台都改变。

Promise.resolve()

将入参转化成Promise对象，入参类型不同：

1. 入参即是Promise实例：此时直接入参返回，不做修改
2. 入参是thenable对象（有then方法），会立即执行then方法。这个主要针对异步操作。
3. 入参是没有then方法的对象，或者不是对象。返回的Promise实例一生成就是Resolved状态，then指定的回调函数会被立即执行。
4. 没有入参，同3.
   上面提到的立即执行，是在本轮时间循环结束时执行。
   上面的Promise.all、Promise.race如果参数中包含非Promise，对象，会被嗲用Promise.resolve转换成Promise对象。之前的链式调用，也是调用该方法生成新的Promise对象。

Promise.reject

不同于Promise.resolve，该方法参数会原样作为reject回调的入参。

参考：
ECMAScript 6入门 - Promise对象