如何合理的封裝一個(gè)Promise對象？

現(xiàn)在有如下方法：

isProvid(){
  return this.$store.dispatch('isSupported')
}

該方法只考慮正確返回的情況，因?yàn)槠渌惓Ｍㄟ^axios的攔截器里面處理掉了，返回值里面包含一個(gè)code，如果code不為空，表示有業(yè)務(wù)錯(cuò)誤，需要前端提示，否則表示正確。

現(xiàn)在有三個(gè)地方需要調(diào)用該方法，如果有錯(cuò)誤（code不為空），所有調(diào)用方法的錯(cuò)誤處理方式都一樣——彈出alert就好，如果正確，有兩個(gè)調(diào)用的地方需要自行處理，如下：

//第一處調(diào)用
this.isProvid().then(res => {
    //處理A邏輯
})

//第二處調(diào)用
this.isProvid().then(res => {
    //處理B邏輯
})

//第一處調(diào)用（不處理任何邏輯）
this.isProvid()

那么，isProvid應(yīng)該如何封裝呢？

自己的思路

isProvid(){
    return this.$store.dispatch('isProvid').then(res => {
        let code = res.data.code;
        if(!code){//code不為空，表示有錯(cuò)誤信息
            alert('彈出根據(jù)code對應(yīng)的錯(cuò)誤信息')
            return Promise.reject()//不需要返回錯(cuò)誤信息，因?yàn)檫@里已經(jīng)集中處理了
        }else{
            //如果正確，不返回任何東西，因?yàn)檎{(diào)用方不需要根據(jù)返回值來判斷
            return Promise.resolve() 
        }
    })
}

注意：三個(gè)調(diào)用方都是以then方式來調(diào)用isProvid方法

疑問如下：
1、這么寫正確么？
2、return this.$store.dispatch('isProvid')返回的就是promise，但是then里面又包含了return Promise返回promise對象，是什么意思呢？（看到有人這么寫，但是不知道這么寫正確不）

回答

編輯回答

幼梔

如果 this.$store.dispatch('isProvid') 是一個(gè)promise你完全可以這么寫, 效果如你寫的是一樣的:

isProvid(){
    return this.$store.dispatch('isProvid').then(res => {
        let code = res.data.code;
        if(!code){//code不為空，表示有錯(cuò)誤信息
            alert('彈出根據(jù)code對應(yīng)的錯(cuò)誤信息')
            throw "";
        }
    })
}

但你這樣寫,多次調(diào)用其實(shí)是浪費(fèi)的, 甚至出現(xiàn)多個(gè)(alert)報(bào)錯(cuò), 更好一點(diǎn)的做法是你并不需要isProvid方法:

let emptFn = ()=>{}; //定義一個(gè)空錯(cuò)誤處理函數(shù),用來除警告;

//第一處調(diào)用（不處理任何邏輯,只用來報(bào)錯(cuò)）
this.isProvid = this.$store.dispatch('isProvid').then(res => {
    let code = res.data.code;
    if(!code){//code不為空，表示有錯(cuò)誤信息
        alert('彈出根據(jù)code對應(yīng)的錯(cuò)誤信息')
        throw "";
    }
});
//isProvid 不是一個(gè)方法 就是一個(gè)promise對像


this.isProvid.then(res => {
    //處理A邏輯
},emptFn)

this.isProvid.then(res => {
    //處理B邏輯
},emptFn)

2018年6月18日 12:35

編輯回答

情未了

想象成一個(gè)序列

promise1.then(() => promise2).then(() => promise3)

則為執(zhí)行完promise1后再執(zhí)行promise2，然后再執(zhí)行promise3

2017年3月3日 15:38

編輯回答

瞄小懶

按照你目前的封裝沒有問題的啊，只不過每個(gè) .isProvid() 都會(huì)調(diào)用一個(gè) .dispatch()

如果你是希望每個(gè) .isProvide() 都返回的是對同一個(gè) .dispatch() 的結(jié)果，那可以參考 jQuery Promise 的 done() 事件。Promise 的 then 鏈會(huì)改動(dòng)對象主體，需要采用事件的方式來實(shí)現(xiàn)對同一個(gè)主體注冊多個(gè)處理函數(shù)。

2018年4月13日 03:45

編輯回答