在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ Vue 添加異步錯(cuò)誤捕獲機(jī)制是否必要、可行？怎么 Hack？

Vue 添加異步錯(cuò)誤捕獲機(jī)制是否必要、可行？怎么 Hack？

對(duì)于前端的錯(cuò)誤處理，Vue 提供了 Vue.config.errorHandler 的錯(cuò)誤全局收集機(jī)制，我們可以寫一個(gè)全局錯(cuò)誤處理器 GlobalHandler，在業(yè)務(wù)內(nèi)處理業(yè)務(wù)內(nèi)錯(cuò)誤，其他錯(cuò)誤直接拋出，由全局處理器處理，十分便利。

但 Vue.config.errorHandler 不支持捕獲異步錯(cuò)誤，于是對(duì)于網(wǎng)絡(luò)請(qǐng)求等異步邏輯的錯(cuò)誤我們只能主動(dòng)將錯(cuò)誤送到 GlobalHandler:

GlobalHandler

這種實(shí)現(xiàn)是沒有問題的：

HandleAsyncError

但不夠優(yōu)雅，因?yàn)闃I(yè)務(wù)中大部分內(nèi)容是沒有特殊處理邏輯的，有錯(cuò)直接拋到全局，也就是說，有大量沒必要的 try catch：

UselessTryCatch

UselessTryCatchs

如果 Vue 能捕獲異步錯(cuò)誤，編寫 async / await 異步函數(shù)的代碼將能夠更加簡(jiǎn)練，讀寫效率都能有所提升。

解決方案方面，想到了一種：在 Vue 實(shí)例初始化的時(shí)候，判斷函數(shù)是否異步函數(shù)，將所有異步函數(shù)再封裝一層，調(diào)用后劫持 Promise：

PromiseHijack

能力有限，無法判斷這個(gè)改動(dòng)會(huì)帶來多大的影響，是否可行？有什么更優(yōu)雅的實(shí)現(xiàn)方式？

如果用插件實(shí)現(xiàn)該從什么地方入手 hack 到實(shí)例初始化函數(shù)？

請(qǐng)各傾陸海

回答
編輯回答
尐懶貓

在Vue 中，我使用window.onerror進(jìn)行捕獲異常，但是所有的捕獲信息都為Script Error,但在jquery的代碼能正常，不知道為啥

2018年4月10日 09:18
編輯回答
負(fù)我心

我感覺你的方法已經(jīng)很高端了，異步的異常一般都只能自己try-catch，這和promise的機(jī)制有關(guān)

2017年1月20日 05:10
編輯回答
墨染殤

我覺得你的處理方法挺好。如果擔(dān)心引起一些不可預(yù)料的問題，可以考慮采用主動(dòng)封裝的方式，比如

Vue.prototype.$await = async function(action) {
    try {
        await action();
    } catch (err) {
        // 這里是你處理錯(cuò)誤的邏輯
        console.log("Cought Error: ", err);
    }
};

然后在 methods 中定義方法時(shí)：

doSomething(...args) {
    this.$await(async () => {
        await asyncDealWith(...args);
    });
}
2018年2月7日 13:50