如何合理的封裝一個Promise對象？

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

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

該方法只考慮正確返回的情況，因為其他異常通過axios的攔截器里面處理掉了，返回值里面包含一個code，如果code不為空，表示有業(yè)務(wù)錯誤，需要前端提示，否則表示正確。

現(xiàn)在有三個地方需要調(diào)用該方法，如果有錯誤（code不為空），所有調(diào)用方法的錯誤處理方式都一樣——彈出alert就好，如果正確，有兩個調(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不為空，表示有錯誤信息
            alert('彈出根據(jù)code對應(yīng)的錯誤信息')
            return Promise.reject()//不需要返回錯誤信息，因為這里已經(jīng)集中處理了
        }else{
            //如果正確，不返回任何東西，因為調(diào)用方不需要根據(jù)返回值來判斷
            return Promise.resolve() 
        }
    })
}

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

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

回答

編輯回答

幼梔

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

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

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

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

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


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

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

2018年6月18日 12:35

編輯回答

情未了

想象成一個序列

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

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

2017年3月3日 15:38

編輯回答

瞄小懶

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

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

2018年4月13日 03:45

編輯回答