一個人真正的強大，并非看他能做什么，而是看他能承擔(dān)什么！

總結(jié)：

1. 回調(diào)是快遞員的操作，不是你的操作；

1. Promise

概念

• Promise對象用于一個異步操作的最終完成（包括成功和失敗）及結(jié)果值的表示。
  簡單說，就是處理異步請求的。
  之所以叫做Promise，就是我承諾，如果成功則怎么處理，失敗則怎么處理。

// 語法
new Promise(
    /* 下面定義的函數(shù)是executor */
    function (resolve, reject) {...}
);

executor

1. executor 是一個帶有 resolve 和 reject 兩個參數(shù)的函數(shù)。
2. executor 函數(shù)在Promise構(gòu)造函數(shù)執(zhí)行時頭痛不執(zhí)行，被傳遞resolve和reject函數(shù)（excutor 函數(shù)在Promise構(gòu)造函數(shù)返回值新建對象前被調(diào)用）。
3. executor 內(nèi)部通常會執(zhí)行一些異步操作，一旦完成，可以調(diào)用resolve函數(shù)來講promise狀態(tài)改成ful?lled即完成，或者在發(fā)生錯誤時將它的狀態(tài)改為rejected即失敗；
4. 如果在executor函數(shù)中拋出一個錯誤，那么該promise狀態(tài)來rejected。executor的返回值被忽略；
5. executor中，resolve或者 reject 只能執(zhí)行其中一個函數(shù)；

Promise的狀態(tài)

pending: 初始狀態(tài)，不是成功或失敗狀態(tài)。
ful?lled: 意味著操作成功完成。
rejected: 意味著操作失敗。

Promise.then(onFul?lled,onRejected)

參數(shù)是2個函數(shù)，根據(jù)Promise的狀態(tài)來調(diào)用不同的函數(shù)，ful?lled走onFul?lled函數(shù)，rejected走onRejected函數(shù)。

then的返回值是一個新的promise對象。調(diào)用任何一個參數(shù)后，其返回值會被新的promise對象來resolve，向后傳遞。

// 簡單使用
var myPromise = new Promise((resolve, reject) => {  // resolve 和 reject 只能執(zhí)行其一；
    resolve('hello'); // 執(zhí)行，置狀態(tài)為fulfilled
    console.log('~~~~~~~~~~~~~~~~');
    reject('world'); // 永遠執(zhí)行不到
});

console.log(myPromise);
myPromise.then(
    /*如果成功則顯示結(jié)果*/
    (value) => console.log(1, myPromise, value),
    /*如果失敗則顯示原因*/
    (reason) => console.log(2, myPromise, reason)
);
#----------------------------------------
~~~~~~~~~~~~~~~~
Promise { 'hello' }
1 Promise { 'hello' } 'hello'

catch(onRejected)

為當前Promise對象添加一個拒絕回調(diào)，返回一個新的Promise對象。onRejected函數(shù)調(diào)用其返回值會被新的Promise對象用來resolve。

var myPromise = new Promise((resolve, reject) => {
    //resolve('hello'); // 執(zhí)行，置狀態(tài)為fulfilled
    console.log('~~~~~~~~~~~~~~')
reject('world'); // 可以執(zhí)行了
});

console.log(myPromise);

// 鏈式處理
myPromise.then(
    //*如果成功則顯示
    (value) => console.log(1,myPromise,value),
    //*如果失敗則顯示
    (reason) => console.log(2, myPromise, reason)
).then(
    function (v) {
        console.log(2.5, v);
            return Promise.reject(v + '***') //
    }
).catch(reason => {
    console.log(3, reason);
    return Promise.resolve(reason);
})
#---------------------------------------------------------------------
~~~~~~~~~~~~~~
Promise { <rejected> 'world' }
2 Promise { <rejected> 'world' } 'world'
2.5 undefined
3 'undefined***'

異步實例

function runAsync() {
    return new Promise(function (resolve, reject) {
        // 異步操作
        setTimeout(function () {
            console.log('do sth...');
            resolve('ok...');
        }, 3000);
    });
}
// 調(diào)用
runAsync().then(value => {
    console.log(value);
    return Promise.reject(value + '*');
}).catch(reason => {
    console.log(reason);
    return Promise.resolve(reason + '*');
}).then(value => {
    console.log(value);
    console.log('END');
});
console.log('~~~~~~ FIN ~~~~~~~')
#----------------------------------------------------------------
~~~~~~ FIN ~~~~~~~
do sth...
ok...
ok...*
ok...**
END