摘要：入門之基本用法背景在我們使用異步函數(shù)比如進行編寫代碼，如果我們需要很多個請求不同的接口，而下一個接口需要依賴上一個接口的返回值，這樣，我們的代碼則需要在各種回調(diào)函數(shù)中嵌套，這樣一層一層地下去，就形成了回調(diào)地獄。

在我們使用異步函數(shù)比如ajax進行編寫代碼，如果我們需要很多個ajax請求不同的接口，而下一個接口需要依賴上一個接口的返回值，這樣，我們的代碼則需要在各種回調(diào)函數(shù)中嵌套，這樣一層一層地下去，就形成了回調(diào)地獄。
但是promise的出現(xiàn)則不需要嵌套就能解決這個問題。什么是promise？promise本質(zhì)其實是一個對象，用于傳遞異步操作的信息。并且promise這個對象提供了相對應(yīng)的API，滿足我們的需求開發(fā)。

let pro = new Promise(function(resolve, reject){
    // 異步處理邏輯
    // 處理完畢之后調(diào)用resolve或者reject
})

promise對象跟其他普通對象的創(chuàng)建方法一樣，只需要new一個新的對象即可，接受一個函數(shù)作為參數(shù)，并且該函數(shù)中的參數(shù)分別為兩個回調(diào)函數(shù)，用于進行不同的邏輯處理。
在定完一個promise對象之后，我們可以通過調(diào)用then方法來執(zhí)行其對應(yīng)的邏輯

pro.then(function(res){
    // 如果promise對象調(diào)用了resolve方法，則進入該函數(shù)邏輯
}, function(err){
    // 如果promise對象調(diào)用了reject方法，則進入該函數(shù)邏輯
})

promise的實例主要有以下三種狀態(tài)：
①pending： 處理中
②fulfilled： 成功
③rejected： 失敗

pending狀態(tài)的promise可以轉(zhuǎn)化為fulfilled狀態(tài)或者rejected狀態(tài)，該轉(zhuǎn)化不可逆且只能轉(zhuǎn)化一次。同時，fulfilled狀態(tài)和rejected狀態(tài)只能由pending狀態(tài)轉(zhuǎn)化，相互不能轉(zhuǎn)化。如圖

pending狀態(tài)下的promise在處理完業(yè)務(wù)邏輯，且能正常退出時便可以執(zhí)行resolve方法，從而進入fulfilled狀態(tài)；
若pending狀態(tài)下的promise在處理業(yè)務(wù)邏輯的過程中出現(xiàn)異常錯誤，或者主動調(diào)用reject方法，則進入rejected狀態(tài)。

let pro = new Promise(function(resolve, reject){
    if(// 邏輯處理完畢且能正常退出){
        resolve()
    }
    else{
        // 異常錯誤拋出
        reject()
    }
})

pro.then(function(res){
    // 如果promise對象調(diào)用了resolve方法，則進入該函數(shù)邏輯
}, function(err){
    // 如果promise對象調(diào)用了reject方法，則進入該函數(shù)邏輯
})

因為promise對象中的then方法的返回值是一個新的promise對象，因此可以實現(xiàn)鏈式調(diào)用。但后一個then方法的執(zhí)行必須等待前一個then方法返回的promise對象狀態(tài)轉(zhuǎn)為fulfilled或者rejected，若promise對象處于pending狀態(tài)下，則后一個then方法只能等待。

pro.then(function(res){
    // 第一個promise對象邏輯執(zhí)行
    return newPro;// 返回一個新promise
}).then(function(res){
    // 對newPro這個對象進行處理
})
// ...可以一直鏈式調(diào)用下去

promise中的catch方法其實就是pro.then(null, rejection)，用戶捕捉代碼運行中的錯誤異常。

pro.then(function(res){
    // 邏輯處理，但存在異常
}).catch(function(err){
    // 捕捉上一個then函數(shù)中所出現(xiàn)的異常錯誤
})

此外，catch方法的所捕捉的異常不僅僅局限于上一個then方法內(nèi)，而是可以把錯誤一直傳遞下來，直至遇到的第一個catch，然后被捕捉。如鏈式調(diào)用中：

pro.then(function(res){
    // 邏輯處理，但存在異常
}).then({
    // 邏輯處理
}).catch(function(err){
    // 捕捉上面第一個出現(xiàn)異常的then函數(shù)中所出現(xiàn)的錯誤
})

promise.all方法可以接受一個由promise組成的數(shù)組作為參數(shù)，包裝成一個新的promise對象，并且按照數(shù)組中promise的順序進行異步執(zhí)行。如：

let pro1 = new Promise(function(resolve, reject){})；
let pro2 = new Promise(function(resolve, reject){})；
let pro3 = new Promise(function(resolve, reject){})；

let proAll = promise.all([pro1, pro2, pro3]);

proAll的狀態(tài)由pro1，pro2，pro3三者共同決定：
①pending: 處理中，pro1，pro2，pro3中無rejected且存在pending狀態(tài)。
②rejected: pro1，pro2，pro3中存在一個rejected。
③fulfilled：pro1，pro2，pro3三者均為fulfilled。

當proAll的狀態(tài)為fulfilled時，會返回一個數(shù)組，該數(shù)組中的元素則是上面由promise組成的數(shù)組相對應(yīng)執(zhí)行后的結(jié)果。

promise.race所接受的參數(shù)與promise.all一致，但promise.race的返回值則是由pro1，pro2，pro3三者中最先完成的promise對象決定，并且返回值為該最早完成的promise對象的返回值。

let proAll = promise.race([pro1, pro2, pro3]);

promise.resolve方法能將一個對象轉(zhuǎn)換成promise對象

let newPro = promise.resolve(obj);

①若obj不具有then方法，則newPro直接變?yōu)閒ulfilled狀態(tài)

let newPro = promise.resolve("i am not a promise");

newPro.then(function(str){
    console.log(str) // 輸出 i am not a promise
})

②如果obj本就是一個Promise對象，則promise.resolve會將obj直接返回。

promise.reject方法與promise.resolve一樣，能將一個對象轉(zhuǎn)換成promise對象，但返回的promise對象的狀態(tài)為rejected。

async是關(guān)鍵詞，在一個函數(shù)名之前加上該關(guān)鍵詞，表明該函數(shù)內(nèi)部有異步操作，而這異步操作應(yīng)該返回一個promise對象，并且在這異步操作之前添加await關(guān)鍵詞。當函數(shù)執(zhí)行的時候，遇到await則會先進行Promise的邏輯處理，帶promise的狀態(tài)不再為pending時再執(zhí)行該函數(shù)后面的語句。

let pro = new Promise(function(resolve, reject){
    // 異步處理邏輯
    resolve();
})

async function asyncFunc(){
    // 正常執(zhí)行的語句
    await pro;
    // 等待promise處理完之后再執(zhí)行的語句
}

asyncFunc();

promise的出現(xiàn)，為我們編寫異步函數(shù)定下不少規(guī)則，在優(yōu)化我們代碼的同時也能減少代碼量，并增強可讀性，但也需嚴格遵守promise/A+的規(guī)范進行promise的開發(fā)。