ES6添加了Promise對(duì)象，成功時(shí)在then中處理，失敗則在catch中處理，但有時(shí)候，我們需要在無(wú)論成功或失敗時(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)

• data: resolve的數(shù)據(jù)。
• error: reject的數(shù)據(jù)。

Tips

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

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持武林網(wǎng)。