ES6学习之promise对象

ES6-Promise

[TOC]
本文用来记录一下学习ES6的promise对象，方便用的时候直接找到。

-promise含义
- promise基本用法
- promise基本用法实例
- promise API

---

promise含义

 ES6原生提供了promise对象，该对象就是一容器，内部包含有未来某个时间结束的动作。

promise基本用法

ES6 规定，Promise对象是一个构造函数，用来生成Promise实例。
如下实例：

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

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

Promise构造函数接受一个函数作为参数，该函数的两个参数分别是resolve和reject。它们是两个函数，由 JavaScript 引擎提供，不用自己部署。resolve表示promise的状态的成功，reject表示promise的状态的失败。

promise实例生成之后可以调用then方法，传入promise对象的两个回调函数，其中第二个是非必须的。
如下：

promise.then(function(value) {
  // success
}, function(error) {
  // failure
});

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 API

promise当然有自己的api，简单介绍一下个人常用的API：
1. Promise.prototype.then() //之前已经介绍，不再详解
2. Promise.prototype.catch() //该方法可用来接收reject参数，同时也可以用来捕获Promise中的error，故推荐用catch来写。
：如下：

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

1. Promise.all() //该方法可用于进行同步操作，将多个Promise对象包装成一个Promise对象，所有Promise对象全部resolve才出发resolve，有一个reject，则reject，可以想象为&&操作符的逻辑。
   如下：

    // 生成一个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){
      // ...
    });

1. done()
   处于整个Promise链的最后，用来捕获错误,可像then一样来使用。
   
asyncFunc()
.then(f1)
.catch(r1)
.then(f2)
.done();

2. finally()
   类似Java的try…catch…finally，无论如何最后都会执行的，与done的区别在于可传入普通函数。

---

学自： http://es6.ruanyifeng.com/#docs/promise