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

title: ES6：了解promise
subtitle: 記錄學習到的知識點，學習阮一峰大神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("嚇人不。。。。。");
                    })
                })
            })
        })
    })
})

回調套多了，簡直沒法看。。。

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("舒服多了有沒有"))

是一種異步的解決方案，比傳統的回調更合理且強大。

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

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

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

異步操作以同步操作的流程表現

Pending 進行中

Fulfilled 已成功

rejected 已失敗

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

2.一旦狀態改變就不會再變，任何時候都能得到結果：

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

resolved-已定型：只要狀態發生改變就會凝固，一直保持這個結果，這時叫做resolved

厲害了：與事件不同，當其觸發了，錯過再監聽就得不到結果了，但是promise內部的異步函數執行完了，再去添加回調還能得到結果,示例代碼：

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

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

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

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

}else{

//失敗
reject("Rejected");

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

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

resolve：改變狀態從 Pending -> Fulfilled

reject：改變狀態從 Pending -> Rejected