摘要：異步執(zhí)行可以用回調(diào)函數(shù)實(shí)現(xiàn)。全成功也可以通過(guò)解構(gòu)數(shù)組的方式，將展開賦值?？梢砸来文玫矫總€(gè)結(jié)果。放棄暫時(shí)放棄執(zhí)行相當(dāng)于創(chuàng)建了一個(gè)對(duì)象。代表是否完成，代表函數(shù)完成，已經(jīng)到終點(diǎn)。是因?yàn)樽罱K的結(jié)果需要在最后的時(shí)候返回最終結(jié)果

在JavaScript的世界中，所有代碼都是單線程執(zhí)行的。
由于這個(gè)“缺陷”，導(dǎo)致JavaScript的所有網(wǎng)絡(luò)操作，瀏覽器事件，都必須是異步執(zhí)行。異步執(zhí)行可以用回調(diào)函數(shù)實(shí)現(xiàn)。

1 promise 翻譯過(guò)來(lái)是 承諾的意思。
異步：操作之間沒啥關(guān)系。同時(shí)進(jìn)行多個(gè)操作。
同步：同時(shí)只能做一件事情。
異步的缺點(diǎn)就是，代碼復(fù)雜，一層套一層，如果需要執(zhí)行很多個(gè)異步操作都完成在執(zhí)行某個(gè)事情，那么就要嵌套很多層，代碼可讀性差，不好維護(hù)。如：

    // 異步
 ajax("/bannders",function(bannder_data){
     ajax("/hotItems",function(hotItems_data){
         ajax("/slides",function(slides_data){

         }，function(){
             alert("讀取失敗")
         })
     },function(){
         alert("讀取失敗")
     })
 },function(){
     alert("讀取失敗")
 })

同步：代碼簡(jiǎn)單 ,寫起來(lái)方便

// 同步
    let bannder_data=ajax_async("/bannders")
    let hotItems_data=ajax_async("/hotItems")
    let slides_data=ajax_async("/slides")

可是同步雖然寫法簡(jiǎn)單，但是每個(gè)步驟需要等待上一個(gè)操作結(jié)束，所以實(shí)際項(xiàng)目中需要的是異步（不等待）的操作。
于是prosime出現(xiàn)了，他的作用就是：

消除異步操作

用同步一樣的方式來(lái)書寫異步代碼

prosime是es6自帶的。需要的用prosime的時(shí)候，可以直接new出來(lái)一個(gè)peomise對(duì)象。promise里面有一個(gè)參數(shù)，這個(gè)參數(shù)是函數(shù)，所有的異步操作代碼都寫在這個(gè)函數(shù)里面。這個(gè)函數(shù)有兩個(gè)參數(shù)，一個(gè)是resolve（成功），另外一個(gè)是reject（失?。?。例如：

var  p=new Promise(function (resolve,reject) {
   異步代碼
   resolve--成功
   reject---失敗
   $.ajax({
       url:"data/arr.txt",
       dataType:"json",
       success(arr){
           resolve(arr)
       },
       error(err){
           reject(err)
       }
   })
})

promise的使用：p里面的then方法的意思是然后呢？就是當(dāng)peomise對(duì)象執(zhí)行之后有結(jié)果了，
之后執(zhí)行。then里面有兩個(gè)參數(shù)，都是函數(shù)，第一個(gè)函數(shù)其實(shí)就是resolve對(duì)應(yīng)的結(jié)果。
第二個(gè)函數(shù)就是reject對(duì)象的結(jié)果。

p.then(function(arr){
   console.log("成功了",arr)
},function(err){
   console.log("失敗了",err)
})

var  p1=new Promise(function (resolve,reject) {
   異步代碼
   resolve--成功
   reject---失敗
   $.ajax({
       url:"data/arr.txt",
       dataType:"json",
       success(arr){
           resolve(arr)
       },
       error(err){
           reject(err)
       }
   })
})


var  p2=new Promise(function (resolve,reject) {
   異步代碼
   resolve--成功
   reject---失敗
   $.ajax({
       url:"data/json.txt",
       dataType:"json",
       success(arr){
           resolve(arr)
       },
       error(err){
           reject(err)
       }
   })
})
promie上有一個(gè)方法all，就是全都執(zhí)行完以后，all的參數(shù)是一個(gè)數(shù)組，是所以的promise對(duì)象，
之后then方法里面有兩個(gè)參數(shù)，都是函數(shù)，第一個(gè)函數(shù)其實(shí)就是全都成功以后，其函數(shù)的參數(shù)就是返回所有resolve結(jié)果。，第二個(gè)函數(shù)是只是有一個(gè)失敗了。：
Promise.all([p1,p2]).then(function(arr){
   alert("全成功")
   console.log(arr)
   也可以通過(guò)解構(gòu)數(shù)組的方式，將arr展開賦值。可以依次拿到 每個(gè)resolve結(jié)果。
   let  [p1,p2]=arr
   console.log(p1)
   console.log(p2)
},function(){
   alert("至少有一個(gè)失敗")
})

Promise的二次封裝，createPromise，抽出可變的URL即可。

function createPromise(url) {
    return new Promise(function (resolve, reject) {
        // 異步代碼
        // resolve--成功
        // reject---失敗
        $.ajax({   
            url,//    url:url      json 值和名相同可簡(jiǎn)寫，
            dataType: "json",
            success(arr) {
                resolve(arr)
            },
            error(err) {
                reject(err)
            }
        })
    })
}


// promie上有一個(gè)方法all，就是全都執(zhí)行完以后，all的參數(shù)是一個(gè)數(shù)組，是所以的promise對(duì)象，
// 之后then方法里面有兩個(gè)參數(shù)，都是函數(shù)，第一個(gè)函數(shù)其實(shí)就是全都成功以后，其函數(shù)的參數(shù)就是返回所有resolve結(jié)果。，第二個(gè)函數(shù)是只是有一個(gè)失敗了。：
Promise.all([createPromise("data/arr.txt"), createPromise("data/json.txt")]).then(function (arr) {
    alert("全成功")
    console.log(arr)
    //    也可以通過(guò)解構(gòu)數(shù)組的方式，將arr展開賦值?？梢砸来文玫?每個(gè)resolve結(jié)果。
    let [p1, p2] = arr
    console.log(p1)
    console.log(p2)
}, function () {
    alert("至少有一個(gè)失敗!")
})

Generator函數(shù)是一個(gè)帶星星函數(shù)（星號(hào)和function和函數(shù)名不能同時(shí)連接接口），而且是一個(gè)可以暫停的函數(shù)。
函數(shù)的內(nèi)部通過(guò)yield來(lái)推進(jìn)函數(shù)。通過(guò)定義yield后面的值來(lái)決定返回的value。
函數(shù)返回一個(gè)遍歷器，這個(gè)遍歷器有一個(gè)next方法，可以獲取一個(gè)對(duì)象，這個(gè)對(duì)象就包含了yield定義好的參數(shù)。

    function *show(){
        alert("a")
        yield; //放棄（暫時(shí)放棄執(zhí)行）
        alert("b")
    }
    let genObj=show() //相當(dāng)于創(chuàng)建了一個(gè)generator對(duì)象。
    //這個(gè)對(duì)象里有一個(gè)很重要的東西next（），就是下一步，下一步。
    //就是踹一腳走一步。
    genObj.next() //執(zhí)行一步之后，看到y(tǒng)ield之后，就停止執(zhí)行了。
    //如果想讓alert（’b‘）出來(lái)就需要next兩步。
    genObj.next()

普通函數(shù) ----一路到底
generator函數(shù)---中間能停

2.1第一個(gè)next是廢的，不能傳參。

// yield可以傳參
function *show(){
    alert("a");

    let a=yield;
    alert("b");
    alert(a);
}
let gen=show();
gen.next(12);  //通過(guò)yield傳參的時(shí)候，第一個(gè)next是廢的，傳傳不了，如果想給第一個(gè)yield傳參，
//通過(guò)函數(shù)就可以傳參
gen.next(5);

2.2給第一個(gè)yield傳參，就直接通過(guò)函數(shù)傳參就可以了

    // 給第一個(gè)yield傳參，就直接通過(guò)函數(shù)傳參就可以了。
    function *show(num1,num2){
        alert(`${num1},${num2}`)
        alert("a");
        
        let a=yield;
        alert("b");
        alert(a);
    }
    let gen=show(98,97);
    gen.next(12);  //通過(guò)yield傳參的時(shí)候，第一個(gè)next是廢的，傳傳不了，如果想給第一個(gè)yield傳參，
    //通過(guò)函數(shù)就可以傳參
    gen.next(5);

3.1 done代表是否完成

    function * show (){
        alert("a")
        yield 12;
        alert("b")
    }
    let gen =show()
    let res1=gen.next()
    console.log(res1)// {done:false, value:12} //done 代表是否完成，代表函數(shù)沒完成，沒到終點(diǎn)。
    let res2=gen.next()
    console.log(res2) // {done:true, value:undefind} //done 代表是否完成，true代表函數(shù)完成，已經(jīng)到終點(diǎn)。undefind是因?yàn)樽罱K的結(jié)果需要在
    // generator最后的時(shí)候return 返回最終結(jié)果

3.2 generator最后的return是返回最終結(jié)果

    function * show (){
        alert("a")
        yield 12; //yield返回
        alert("b")
        return 100
    }
    let gen =show()
    let res1=gen.next()
    console.log(res1)// {done:false, value:12} //done 代表是否完成，代表函數(shù)沒完成，沒到終點(diǎn)。
    let res2=gen.next()
    console.log(res2) // {done:true, value:100} //done 代表是否完成，true代表函數(shù)完成，已經(jīng)到終點(diǎn)。undefind是因?yàn)樽罱K的結(jié)果需要在
    // generator最后的時(shí)候return 返回最終結(jié)果