關于ES6中Promise的應用-順序合并Promise，并将傳回結果以數組的形式輸出

1.Promise 基礎知識梳理

　　建立一個Promise執行個體

const promise = new Promise(function(resolve, reject) {
    if (success){
    resolve(value);
  } else {
    reject(error);
  }
});      

Promise構造函數接受一個函數作為參數，該函數的兩個參數分别是resolve和reject。它們是兩個函數，JavaScript 引擎提供，不用自己部署。

Promise執行個體生成以後，可以使用then方法分别制定resolved狀态和rejected狀态的回調函數。

promise.then(value => {}, error => {})      

then方法傳回的是一個新的Promise執行個體（注意，不是原來那個Promise執行個體）。是以可以采用鍊式寫法，即then方法後面再調用另一個then方法。

fetch("/posts.json").then(file=> {file.json()}).then(data => {});      

上面的代碼使用then方法，依次指定了兩個回調函數。第一個回調函數完成以後，會将傳回結果作為參數，傳入第二個回調函數。

Promise.all方法用于将多個Promise執行個體包裝成一個新的執行個體。

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

上面代碼中，Promise.all方法接受一個數組作為參數，p1，p2，p3都是 Promise 執行個體，如果不是，就會先調用下面講到的Promise.resolve方法，将參數轉為Promise執行個體，再進一步處理。

p的狀态由p1，p2，p3決定，分成兩種情況。

（1）隻有p1，p2，p3的狀态都變成fulfilled，p的狀态才會變成fulfilled，此時p1，p2，p3的傳回值組成一個數組，傳遞給p的回調函數。

（2）隻要p1，p2，p3之中有一個被rejected，p的狀态就變成rejected，此時第一個被rejected的執行個體的傳回值，會傳遞給p的回調函數。

Promise.race方法也是用于将多個Promise執行個體包裝成一個新的執行個體。

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

上面代碼中，隻要p1，p2，p3之中有一個執行個體率先改變狀态，p的狀态就跟着改變。那個率先改變的 Promise 執行個體的傳回值，就傳遞給p的回調函數。

Promise.resolve()将現有對象轉為 Promise 對象。

2. 一道關于Promise的應用示例

const timeout = ms => new Promise((resolve) => {
    setTimeout(() => {
      resolve();
    }, ms)
  });

  const ajax1 = () => timeout(1000).then(() => {
    console.log('1')
    return 1;
  });

  const ajax2 = () => timeout(1000).then(() => {
    console.log('2')
    return 2
  });

  const ajax3 = () => timeout(1000).then(() => {
    console.log('3')
    return 3
  });

  const mergePromise = ajaxArray => {
    let result = []
    let promise = Promise.resolve()
    ajaxArray.forEach(function (item) {
      promise = promise.then(item)
      result.push(promise)
    })
    return Promise.all(result)
  };

  mergePromise([ajax1, ajax2, ajax3]).then(data => {
    console.log('done')
    console.log(data) //[1,2,3]
  });      

按順序合并Promise，并将傳回結果以數組的形式輸出。