摘要：了解記錄學(xué)習(xí)到的知識點，學(xué)習(xí)阮一峰大神書的一些心得回調(diào)地獄感受一下嚇人不。。。。。改良一波舒服多了有沒有是一種異步的解決方案，比傳統(tǒng)的回調(diào)更合理且強大。簡單來說就是一個容器，里面存在著某個未來發(fā)生的事件通常是一個異步操作的結(jié)果。

title: ES6：了解promise
subtitle: 記錄學(xué)習(xí)到的知識點，學(xué)習(xí)阮一峰大神es6書的一些心得

let target = {
    data:"callBack hell!!!",
    timeout:1000
}
let asyncFunc = function(cb,data = this.data){
    setTimeout( (dataTemp) => {
        console.log(dataTemp);
        cb();
    }, this.timeout,data);
}.bind(target);
asyncFunc(()=>{
    asyncFunc(()=>{
        asyncFunc(()=>{
            asyncFunc(()=>{
                asyncFunc(()=>{
                    asyncFunc(()=>{
                        console.log("嚇人不。。。。。");
                    })
                })
            })
        })
    })
})

回調(diào)套多了，簡直沒法看。。。

let target = {
    data: "promise ~~",
    timeout: 1000
}
let asyncFunc = function (data = this.data) {
    var pObj = new Promise((resolve,reject) => {
        setTimeout( (dataTemp) => {
            console.log(data);
            resolve(data)
        }, this.timeout,data);
    })
    return pObj;
}.bind(target)
asyncFunc()
.then(()=>asyncFunc())
.then(()=>asyncFunc())
.then(()=>asyncFunc())
.then(()=>asyncFunc())
.then(()=>asyncFunc())
.then(()=>asyncFunc("舒服多了有沒有"))

是一種異步的解決方案，比傳統(tǒng)的回調(diào)更合理且強大。

簡單來說就是一個容器，里面存在著某個未來發(fā)生的事件（通常是一個異步操作）的結(jié)果。

語法上來講是一個對象，通過他能夠得到異步操作的信息

promise可以將各種異步操作用同樣的方法進行處理，因為它提供了統(tǒng)一的api

異步操作以同步操作的流程表現(xiàn)

Pending 進行中

Fulfilled 已成功

rejected 已失敗

1.promise對象的狀態(tài)不受外界影響：只有異步操作的結(jié)果才會決定該對象目前處于什么狀態(tài)，除此以外的其他操作都無法改變，這也是為什么叫‘promise’，中文意思叫‘承諾’

2.一旦狀態(tài)改變就不會再變，任何時候都能得到結(jié)果：

promise對象的狀態(tài)改變只有兩種可能：Pending->Fulfilled和Pending->Rejected，

resolved-已定型：只要狀態(tài)發(fā)生改變就會凝固，一直保持這個結(jié)果，這時叫做resolved

厲害了：與事件不同，當其觸發(fā)了，錯過再監(jiān)聽就得不到結(jié)果了，但是promise內(nèi)部的異步函數(shù)執(zhí)行完了，再去添加回調(diào)還能得到結(jié)果,示例代碼：

let pObj = new Promise((resolve,reject)=>{
    console.log("測試執(zhí)行后，在添加回調(diào)是否可以");
    let bSuccess = true;
    bSuccess ? resolve("yes") : reject("no");
})
pObj.then(res => { console.log(res) })

promise對象一旦創(chuàng)建立即執(zhí)行，上面的代碼為例，不能中途取消。如果不設(shè)置reject,內(nèi)部炸了，也不能傳遞到外層代碼-mark-后面會有介紹這點

`new Promise((resolve,reject)=>{
let bSuccessed = true;
if(bSuccessed){

resolve("Fulfilled");resolve("Fulfilled");

}else{

//失敗
reject("Rejected");

}
}).then(res).catch(res)`

Promise的構(gòu)造函數(shù)接受的參數(shù)是一個函數(shù)，這個函數(shù)中的兩個參數(shù)：resolve，reject，是由js引擎提供，不需要自己設(shè)置，確實看起來有點怪,這兩個參數(shù)都接受Promise對象傳遞出來的值作為參數(shù)

resolve：改變狀態(tài)從 Pending -> Fulfilled

reject：改變狀態(tài)從 Pending -> Rejected