深入理解ES6 Promise 擴(kuò)展always方法

ES6添加了Promise對(duì)象，成功時(shí)在then中處理，失敗則在catch中處理，但有時(shí)候，我們需要在無論成功或失敗時(shí)都要做一些事，比如隱藏loading, 記錄日志等等，下面我們以瀏覽器端ajax請(qǐng)求為例，我們使用axios（它是基于Promise的）:

axios.get("/").then(()=>{
 //處理邏輯
 ...
 console.log("請(qǐng)求結(jié)束")
 hideLoading();
}).catch(()=>{
 console.log("請(qǐng)求結(jié)束")
 hideLoading();
})

這樣的代碼， 很冗余。每到這個(gè)時(shí)候都有點(diǎn)懷念jQuery：

$.get("/").done(()=>{
 //處理邏輯
}).always(()=>{
 console.log("請(qǐng)求結(jié)束")
 hideLoading();
})

es6-promise-always正是對(duì)ES6的功能做了一個(gè)擴(kuò)充，使其支持always，并同時(shí)支持node和browser.

使用

1.安裝

npm install es6-promise-always --save

2.引入使用

require("es6-promise-always")
axios.get("/").then(()=>{
 //處理邏輯
}).always(()=>{
 console.log("請(qǐng)求結(jié)束")
 hideLoading();
})

always(data, error)

Tips

不要擔(dān)心這個(gè)會(huì)讓你的程序變胖！es6-promise-always非常小。剛開始實(shí)現(xiàn)時(shí)always時(shí)，走錯(cuò)了方向，辛好迷途知返。github地址：https://github.com/wendux/es6-promise-always

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com