异步 promise +generator+async(未完成)

Promise

简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。

特点

1. promise有三种状态:pending(进行中)、fulfilled(已成功)、rejected(已失败)。只有异步操作的结果可以决定当前是哪一种状态。

2. 一旦状态改变，就不会在变。状态的改变只有2种：从pending变为fulfilled，和从pending变为rejected.状态已经发生了，也可以对promise添加回调函数，也会立即得到这个结果。

3.当然也有缺点：无法取消promise，一旦新建就会立即执行，无法中途取消。不设置回调函数，promise内部抛出的错误，不会反应到外部。

基本用法

Promise是一个构造函数，用来生成Promise实例。

var promise = new Promise(function(resolve, reject) {
  // ... some code

  if (/* 异步操作成功 */){
    resolve(value);
  } else {
    reject(error);
  }
});

resolve是异步操作成功时调用的，reject是失败时调用的

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("/post.json").then(function(json) {
    console.log('Content: '+ json);
}, function(error) {
    console.log('出错了'，error)；
})；

getJSON是对XMLHttpRequest对象的封装，用于发出一个针对JSON数据的HTTP请求，返回一个Promise对象。getJSON内部，resolve和reject都有参数，参数会被传递到回调函数，

Promise原型上也有then方法，then的第一个参数是resolve状态的回调函数，第二个参数是reject状态的回调函数。

then方法返回的是一个Promise对象，因此可以采用链式调用，即then方法后面调用另一个then

getJSON("/post/1.json").then(
  post => getJSON(post.commentURL)
).then(
  comments => console.log("resolved: ", comments),
  err => console.log("rejected: ", err)
);

前一个then返回的是Promise对象，第二个then指定的回调函数，就会等待这个Promise状态发生变化。resolve调用第一个，rejectd调用第二个。

Promise.prototype.catch用于指定发生错误时的回调函数。

getJSON('/posts.json').then(function(posts) {
  // ...
}).catch(function(error) {
  // 处理 getJSON 和 前一个回调函数运行时发生的错误
  console.log('发生错误！', error);
});

返回resolve调用then，返回reject调用catch