ES6的Promise -- 邏輯執(zhí)行的順序

基本認識

Promise的核心價值是創(chuàng)建一個異步執(zhí)行的過程，并給你善后的機會。

Promise對象一但創(chuàng)建就會立即執(zhí)行，執(zhí)行過程是異步的，不會對后續(xù)的邏輯造成阻塞。

直接聲明，立即執(zhí)行

        let promise = new Promise ( (resolve, reject) => {
                //執(zhí)行耗時的邏輯。。。
                if ( success ) {
                        resolve(a)   // pending ——> resolved 參數(shù)將傳遞給對應的回調(diào)方法
                } else {
                        reject(err)  // pending ——> rejectd
                }
        } )
        //后續(xù)代碼會繼續(xù)執(zhí)行，而不是等待Promise內(nèi)部邏輯執(zhí)行完畢。
        //...

放到函數(shù)里，需要時執(zhí)行

function promise () {
            return new Promise ( function (resolve, reject) {
                    //執(zhí)行耗時的邏輯。。。
                    if ( success ) {
                            resolve(a)
                    } else {
                            reject(err)
                    }
            } )
    }

Promise內(nèi)邏輯執(zhí)行完畢后，調(diào)用resolve還是reject，完全要看編程者的意圖。調(diào)用resolve就會觸發(fā)Promise的then，調(diào)用reject就會觸發(fā)Promise的catch。
這就是設計的價值之處，執(zhí)行完畢一個耗時操作后，給你一個條件回調(diào)的機會用于執(zhí)行后續(xù)邏輯。

    promise.then(
            () => { console.log('this is success callback') }
    ).catch(
            (err) => { console.log(err) }
    )

更多

then() 和 catch() 都會返回一個新的Promise對象，可以鏈式調(diào)用。

    promise.then(
            () => { console.log('this is success callback') }
    ).catch(
            (err) => { console.log(err) }
    ).then(
            ...
    ).catch(
            ...
    )