摘要：閱讀原文簡介是的新特性，提供了對異步編程控制的新的解決方案，在過去書寫異步代碼時(shí)要靠回調(diào)函數(shù)，當(dāng)異步操作依賴于其他異步操作的返回值時(shí)，會出現(xiàn)一種現(xiàn)象，被程序員們稱為回調(diào)地獄，即多層回調(diào)函數(shù)嵌套，這種代碼的可讀性維護(hù)性都很差，因此誕生了，當(dāng)然

Promise 是 ES6 的新特性，提供了對 js 異步編程控制的新的解決方案，在過去書寫異步代碼時(shí)要靠回調(diào)函數(shù)，當(dāng)異步操作依賴于其他異步操作的返回值時(shí)，會出現(xiàn)一種現(xiàn)象，被程序員們稱為 “回調(diào)地獄”，即多層回調(diào)函數(shù)嵌套，這種代碼的可讀性、維護(hù)性都很差，因此誕生了 Promise，當(dāng)然 Promise 并不是完全擺脫回調(diào)，而只是改變了傳遞回調(diào)的位置，大大減少了回調(diào)函數(shù)嵌套。

Promise 中的代碼默認(rèn)是同步執(zhí)行的，then 方法中的回調(diào)在微任務(wù)隊(duì)列中執(zhí)行，在 Promise 的 then 方法中支持傳入兩個參數(shù)，一個是成功的回調(diào)，一個是失敗的回調(diào)，在 Promise 中調(diào)用了 resolve 方法，就會在 then 中執(zhí)行成功的回調(diào)，調(diào)用了 reject 方法，就會在 then 中執(zhí)行失敗的回調(diào)，成功的回調(diào)和失敗的回調(diào)只能執(zhí)行一個，resolve 和 reject 方法調(diào)用時(shí)傳入的參數(shù)會傳遞給 then 方法中對應(yīng)的回調(diào)函數(shù)。

// 執(zhí)行 resolve
let p = new Promise((resolve, reject) => {
    console.log(1);
    resovle(3);
});

console.log(2);

p.then(data => {
    console.log(data);
}, err => {
    console.log(err);
});

// 1
// 2
// 3

// 執(zhí)行 reject
let p = new Promise((resolve, reject) => {
    reject();
});

p.then(() => {
    console.log(1);
}, () => {
    console.log(2);
});

// 2

如果 Promise 中發(fā)生錯誤，就會在 then 中執(zhí)行失敗的回調(diào)。

// 失敗的回調(diào)
let p = new Primise((resolve, reject) => {
    throw new Error();
});

p.then(() => {
    console.log(1);
}, () => {
    console.log("報(bào)錯啦");
});

// 報(bào)錯啦

當(dāng)同一個 Promise 實(shí)例的 then 方法多次調(diào)用時(shí)，就會多次執(zhí)行。

// 多次調(diào)用 then
let p = new Promise((resolve, reject) => {
    resolve("成功");
});

p.then(data => {
    console.log(data);
});

p.then(data => {
    console.log(data);
});

// 成功
// 成功

Promise 支持鏈?zhǔn)秸{(diào)用，每次調(diào)用一次 then 方法都會返回一個新的 Promise實(shí)例，如果該 then 方法中執(zhí)行的回調(diào)函數(shù)有返回值，并且這個返回值會作為返回的下一個 Promise 實(shí)例的 then 方法回調(diào)的參數(shù)，如果 then 方法的返回值是一個 Promise 實(shí)例，那就返回一個新的 Promise 實(shí)例，將 then 返回的 Promise 實(shí)例執(zhí)行后的結(jié)果作為返回 Promise 實(shí)例回調(diào)的參數(shù)。

// 鏈?zhǔn)秸{(diào)用 then
function read(url) {
    return new Promise((resolve, reject) => {
        fs.readFile(url, "utf8", (err, data) => {
            if (err) reject(err);
            resolve(data);
        })
    });
}

read("1.txt").then(data => {
    // 假設(shè)此時(shí)讀到的內(nèi)容為 Hello world
    return data;
}, err => {
    console.log(err);
}).then(data => {
    console.log(data);
    // Hello world
}, err => {
    console.log(err);
});

read("1.txt").then(data => {
    // 假如此時(shí)讀到的 1.txt 的內(nèi)容為 2.txt 的字符串，2.txt 的內(nèi)容為 Hello world
    return read(data);
}, err => {
    console.log(err);
}).then(data => {
    console.log(data);
    // Hello world
}, err => {
    console.log(err);
});

在 Promise 實(shí)例的 then 中如果有錯誤產(chǎn)生，在返回的新的 Promise 實(shí)例中的 then 方法中會執(zhí)行錯誤的回調(diào)。

// 鏈?zhǔn)秸{(diào)用 then 出錯
let p = new Promise((resolve, reject) => {
    resolve();
});

p.then(() => {
    console.log("success", 1);
    throw new Error();
}, () => {
    console.log("error", 1);
}).then(() => {
    console.log("success", 2);
}, () => {
    console.log("error", 2)
})

// success 1
// error 2

在 Promise 中有三個狀態(tài)：

pending：等待態(tài)

fulfilled：成功態(tài)

rejected：失敗態(tài)

Promise 實(shí)例的狀態(tài)只能從 pending 到 fulfilled 或從 pending 到 rejected，狀態(tài)一旦發(fā)生變化就不可逆，所以 Promise 實(shí)現(xiàn)鏈?zhǔn)秸{(diào)用與 jQuery 不同，返回的不是 this，只能是一個新的 Promise。

在 Promise 中實(shí)例的 catch 方法可以捕獲鏈?zhǔn)秸{(diào)用中的異常，不需要每次調(diào)用 then 方法中都傳入錯誤的回調(diào)，在鏈?zhǔn)秸{(diào)用的過程中只要有任何一個 then 中出現(xiàn)錯誤，都會被 catch 方法捕獲到。

// catch 方法
let p = new Promise((resolve, reject) => {
    resolve();
});

p.then(() => {
    throw new Error();
    console.log("success", 1);
}).then(() => {
    console.log("success", 2);
}).catch(() => {
    console.log("出錯了");
});

// 出錯了

p.then(() => {
    console.log("success", 1);
}).then(() => {
    throw new Error();
    console.log("success", 2);
}).catch(() => {
    console.log("出錯了");
});

// success 1
// 出錯了

Promise 中的靜態(tài)方法 all 可以實(shí)現(xiàn)多個 Promise 實(shí)例的并行，當(dāng)所有結(jié)果都為成功時(shí)，返回一個數(shù)組，該數(shù)組存儲的為每一個 Promise 實(shí)例的返回結(jié)果，每一個 Promise 實(shí)例的返回順序先后不固定，但是返回值的數(shù)組內(nèi)存儲每一個 Promise 的返回值的結(jié)果按照最初傳入的順序排列，all 方法的返回值為一個新的 Promise 實(shí)例，返回的數(shù)組作為返回新 Promise 的 then 方法成功回調(diào)的參數(shù)。

當(dāng) all 傳入的參數(shù)數(shù)組中的 Promise 實(shí)例執(zhí)行時(shí)，只要有一個失敗，則直接返回該 Promise 實(shí)例失敗的結(jié)果或錯誤信息。

// Promise.all 方法
let p1 = new Promise((resolve, reject) => {
    resolve(1);
});

let p2 = new Promise((resolve, reject) => {
    resolve(2);
});

Promise.all([p1, p2]).then(data => {
    console.log(data);
});

// [1, 2]

// Promise.all 錯誤捕獲
let p1 = new Promise((resolve, reject) => {
    resolve(1);
});

let p2 = new Promise((resolve, reject) => {
    reject(2);
});

Promise.all([p1, p2]).then(data => {
    console.log(data);
}).catch(err => {
    console.log(err);
});

// 2

Promise 的靜態(tài)方法 race 的用法和 all 類似，參數(shù)同為一個存儲 Promise 實(shí)例的數(shù)組，返回值同樣是一個新的 Promise 的實(shí)例，不同的是，數(shù)組中的 Promise 實(shí)例只有一個結(jié)果為成功，那就直接返回這個結(jié)果（只取出最快返回的結(jié)果），在沒有成功的結(jié)果之前有一個出錯，就直接返回這個錯誤。

// Promise.race 方法
let p1 = new Promise((resolve, reject) => {
    setTimeout(() => resolve(1), 2000);
});

let p2 = new Promise((resolve, reject) => {
    setTimeout(() => resolve(2), 1000);

});

Promise.race([p1, p2]).then(data => {
    console.log(data);
}).catch(err => {
    console.log(err);
});

// 2

// Promise.race 錯誤捕獲
let p1 = new Promise((resolve, reject) => {
    setTimeout(() => reject(1), 1000);
});

let p2 = new Promise((resolve, reject) => {
    setTimeout(() => resolve(2), 2000);

});

Promise.race([p1, p2]).then(data => {
    console.log(data);
}).catch(err => {
    console.log(err);
});

// 1

Promise 的靜態(tài)方法 resolve 可以直接將 Promise 的狀態(tài)變?yōu)槌晒Σ⒎祷匾粋€新的 Promise 實(shí)例，resolve 的參數(shù)會傳遞給返回的新 Promise 實(shí)例 then 中成功回調(diào)。

// Promise.resolve 方法
Promise.resolve("hello").then(data => {
    console.log(data);
});

// hello

Promise 的靜態(tài)方法 reject 與 resolve 使用完全相同，都返回一個新的 Promise 實(shí)例，不同的是 reject 的參數(shù)會傳遞給新 Promise 實(shí)例的 then 方法失敗回調(diào)。

// Promise.reject 方法
Promise.reject("出錯了").then(null, err => {
    console.log(err);
});

// 出錯了

當(dāng)成功的回調(diào)不傳遞時(shí)，可以使用 null 代替，因?yàn)?null 作為參數(shù)會被忽略掉，將參數(shù)穿透到下一個 then 的回調(diào)中。