在項目中遇到關于action與dispatch使用的一些細節(jié)問題，經(jīng)過搜索得到了一些答案。
特意在此提出，如有錯誤還請指出，十分感謝～
問題1：如果action是異步的，那么怎么知道它什么時候完成？在vuex的官網(wǎng)給出了答案：
注：如果需要通過組合多個action來完成某些邏輯，用async/await會更簡單一點
問題2： 如果action是同步的，就不需要等待它完成了嗎？
其實這個問題相當于在w：dispatch('some action')是一個同步函數(shù)還是異步函數(shù)。
如果dispatch是一個異步函數(shù)（返回一個promise），那么即使action里面的邏輯是同步的，如果需要等待這個action完成之后才進行某些操作，仍然是需要用異步等待dispatch().then(()=> {})來實現(xiàn)
通過查看vuex的源碼找到了答案：
dispatch (_type, _payload) { // check object-style dispatch const { type, payload } = unifyObjectStyle(_type, _payload) const action = { type, payload } const entry = this._actions[type] if (!entry) { if (process.env.NODE_ENV !== 'production') { console.error(`[vuex] unknown action type: ${type}`) } return } try { this._actionSubscribers .filter(sub => sub.before) .forEach(sub => sub.before(action, this.state)) } catch (e) { if (process.env.NODE_ENV !== 'production') { console.warn(`[vuex] error in before action subscribers: `) console.error(e) } } const result = entry.length > 1 ? Promise.all(entry.map(handler => handler(payload))) : entry[0](payload) return result.then(res => { try { this._actionSubscribers .filter(sub => sub.after) .forEach(sub => sub.after(action, this.state)) } catch (e) { if (process.env.NODE_ENV !== 'production') { console.warn(`[vuex] error in after action subscribers: `) console.error(e) } } return res }) }dispatch函數(shù)返回的是一個promise，所以dispatch后如果需要跟進操作（比如dispatch里面commit了一個state，后續(xù)要用到這個state），正確的做法應該是需要用異步的方式來完成后續(xù)的邏輯
注：用同步的寫法看起來好像state也是對的，但可能只是恰好我的業(yè)務場景io使用不是很高所以"看起來是對的"，嚴謹?shù)淖龇☉撨€是需要用異步來完成后續(xù)操作的
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持武林網(wǎng)。
新聞熱點
疑難解答
