ES6之Promise对象

1. 简介
2. promise基本用法
3. promise链式调用
4. promise.all() 和promise.race()

1 简介

Promise对象是异步编程的一种解决方案。
所谓Promise，简单来说就是一种容器，里面包含着未来可能结束的一个事件的结果。
Promise包含三种状态，pending，fulfilled，rejected。
表现为从pending到fulfilled，或者从pending到rejected。

2 promise基本用法

下面是一个Promise实例的生成

   // es6 写法，以后默认使用es6语法
   const promiseEs = new Promise((resolve, reject) => {
        if (/*操作*/) {
            resolve(value);
        } else {
            reject(error);
        }
    })

操作部位一般是一个异步方法，resolve和reject是es6官方给的方法可以获取到操作部位的返回结果

promise的使用

    promise.then((value) => {
        console.log("success" + value);
    }, (error) => {
        console.log("error" +error);
    })

then方法接受两个回调函数作为参数，第一个方法在Promise对象状态从pending变为fulfilled时调用，第二个方法在状态从pending变为rejected时候调用。
另外 上面的使用方法可以写成类似于try/catch的形式，将rejected时的处理剥离出来放到catch里面处理。
promise的使用2

    promise.then((value) => {
        console.log("success" + value);
    }).catch((error) => {
        console.log("error" +error);
    })

3. promise链式操作

4. promise.all和promise.race

Promise.all方法用于将多个 Promise 实例，包装成一个新的 Promise 实例。
promise.all接受一个数组参数，当所有得promise返回状态为fullfilled时候进行then

// 生成一个Promise对象的数组
const 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.race接受一个数组参数，当有任意一个promise状态改变（变为fullfilled, rejected）时候进行then

const p = Promise.race([
  fetch('/resource-that-may-take-a-while'),
  new Promise(function (resolve, reject) {
    setTimeout(() => reject(new Error('request timeout')), 5000)
  })
]);

p
.then(console.log)
.catch(console.error);