摘要：構(gòu)造函數(shù)回調(diào)函數(shù)是同步的回調(diào)異步操作的實例對象有三個狀態(tài)初始狀態(tài)，既不是成功，也不是失敗狀態(tài)。如果中的回調(diào)函數(shù)拋出一個錯誤，那么返回的將會成為拒絕狀態(tài)，并且將拋出的錯誤作為拒絕狀態(tài)的回調(diào)函數(shù)的參數(shù)值。

問題:解決異步回調(diào)的深層嵌套的問題.(回調(diào)地獄)

promise對象用于表示一個異步操作的最終狀態(tài),promise在回調(diào)代碼和將要執(zhí)行這個任務(wù)的異步代碼之間提供了一種可靠的中間機制來管理回調(diào)。

//構(gòu)造函數(shù),回調(diào)函數(shù)是同步的回調(diào)
new Promise(function(resolve,reject){
    ....//異步操作
})

Promise的實例對象有三個狀態(tài)

?pending: 初始狀態(tài)，既不是成功，也不是失敗狀態(tài)。

fulfilled: 意味著操作成功完成。

rejected: 意味著操作失敗

resolve和reject分別是兩個函數(shù),當(dāng)在回調(diào)中調(diào)用時,會改變promise實例的狀態(tài),resolve改變狀態(tài)為成功,reject為失敗.

then

Promise.prototype.then()

當(dāng)promise對象的狀態(tài)發(fā)生改變時，綁定在其身上的then方法就會被調(diào)用。
then方法包含兩個參數(shù)：onfulfilled函數(shù) 和 onrejected函數(shù)，它們都是 Function
類型。當(dāng)Promise狀態(tài)為fulfilled時，調(diào)用 then 的 onfulfilled 方法，當(dāng)Promise狀態(tài)為rejected時，調(diào)用 then 的 onrejected 方法， 所以在異步操作的完成和綁定處理方法之間不存在競爭,then() 方法返回一個?Promise對象.

返回值

then方法返回一個新的Promise，而它的行為與then中的回調(diào)函數(shù)的返回值有關(guān)：

如果then中的回調(diào)函數(shù)返回一個值，那么then返回的Promise將會成為接受狀態(tài)，并且將返回的值作為接受狀態(tài)的回調(diào)函數(shù)的參數(shù)值。

如果then中的回調(diào)函數(shù)拋出一個錯誤，那么then返回的Promise將會成為拒絕狀態(tài)，并且將拋出的錯誤作為拒絕狀態(tài)的回調(diào)函數(shù)的參數(shù)值。

如果then中的回調(diào)函數(shù)返回一個已經(jīng)是接受狀態(tài)的Promise，那么then返回的Promise也會成為接受狀態(tài)，并且將那個Promise的接受狀態(tài)的回調(diào)函數(shù)的參數(shù)值作為該被返回的Promise的接受狀態(tài)回調(diào)函數(shù)的參數(shù)值。

如果then中的回調(diào)函數(shù)返回一個已經(jīng)是拒絕狀態(tài)的Promise，那么then返回的Promise也會成為拒絕狀態(tài)，并且將那個Promise的拒絕狀態(tài)的回調(diào)函數(shù)的參數(shù)值作為該被返回的Promise的拒絕狀態(tài)回調(diào)函數(shù)的參數(shù)值。

如果then中的回調(diào)函數(shù)返回一個未定狀態(tài)（pending）的Promise，那么then返回Promise的狀態(tài)也是未定的，并且它的終態(tài)與那個Promise的終態(tài)相同；同時，它變?yōu)榻K態(tài)時調(diào)用的回調(diào)函數(shù)參數(shù)與那個Promise變?yōu)榻K態(tài)時的回調(diào)函數(shù)的參數(shù)是相同的。

catch

catch()?方法返回一個Promise，并且處理拒絕的情況。

Promise.prototype.catch()

事實上,catch方法相當(dāng)于then方法的第二個參數(shù)方法,觸發(fā)拒絕狀態(tài).

注意,
如果調(diào)用?then的?Promise?的狀態(tài)（fulfillment 或 rejection）發(fā)生改變，但是?then?中并沒有關(guān)于這種狀態(tài)的回調(diào)函數(shù)，那么?then?將創(chuàng)建一個沒有經(jīng)過回調(diào)函數(shù)處理的新?Promise?對象，這個新?Promise?只是簡單地接受調(diào)用這個?then?的原?Promise?的終態(tài)作為它的終態(tài)。所以在鏈?zhǔn)缴?最終會執(zhí)行到catch上.

//鏈?zhǔn)绞纠?new Promise(function (resolve, reject) {
setTimeout(function () {
console.log("1");
resolve();
}, 1000);
}).then(function () {
return new Promise(function (resolve, reject) {
setTimeout(function () {
console.log("2");
// resolve();
reject();
}, 1000);
});
}).then(function () {
return new Promise(function (resolve, reject) {
setTimeout(function () {
console.log("3");
resolve();
}, 1000);
});
}).then(function () {
return new Promise(function (resolve, reject) {
setTimeout(function () {
console.log("4");
resolve();
}, 1000);
});
}).catch(function(){
console.log("catch");
})

symbol

新的一種基礎(chǔ)數(shù)據(jù)類型symbol,表示獨一無二的值.
它通常作為對象的屬性鍵,內(nèi)置對象普遍存在該值.

// 一般用法,它并不是構(gòu)造器,不能通過new,會報錯.
let sym = Symbol();

// 在對象中表現(xiàn)形式,要用[]包裹,不然會被認(rèn)為是string.
var obj = {
    [Symbol()]:"value";
}

該屬性是匿名,所以不可枚舉,只能通過.getOwnPropertySymbols()返回的數(shù)組.

// 想要獲得兩個相同的Symbol,得通過.for()

Symbol("asd") === Symbol("asd") // false
Symbol.for("asd") === Symbol.for("asd")  // true

Iterator

迭代器,存在于特定幾種可枚舉的數(shù)據(jù)類型中.

// 一般用以下這種形式的鍵保存了迭代器函數(shù).
// arr[Symbol.iterator]

aarr[Symbol.iterator]( ).next( )  //遍歷下一個,返回value和done,value表示值,done表示是否可以繼續(xù)遍歷下一個.

//for...of循環(huán)遍歷就是基于此,必須該數(shù)據(jù)類型有迭代器.

回到generator

//表現(xiàn)形式
function* test(){
   
   yield 1; //任務(wù)1
   
   yield 2; //任務(wù)2
  
   yield 3;  //任務(wù)3
  
   yield 4 ; //任務(wù)4
}
//  調(diào)用該方法會返回一個含有迭代對象的對象.
var obj = text();
obj.next();   //調(diào)用該方法時,每次到一個yield處停止.

作用:

簡化promise的使用編碼, 不通過then()/catch()來指定回調(diào)函數(shù)

以同步編碼方式實現(xiàn)異步流程

async function test (){

    //  等待狀態(tài)改變,自動執(zhí)行到下一個wait處
 var flag =  await  new Promise((resolve,reject)=>{
    
            setTimeout(function(){
            
            // 狀態(tài)改變
            resolve(data); //這里面的值傳遞給flag
            },1000)
   })
   //通過flag傳遞數(shù)據(jù)
 flag =  await  new Promise((resolve,reject)=>{
    
            setTimeout(function(flag){
            
            // 狀態(tài)改變
            resolve(flag);
            },1000,flag)
   })
}

test().catch(function(err){
        //處理異常
});