您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關(guān)怎么利用Proxy更優(yōu)雅地處理異常的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
代碼不會全部按照我們的預期運行,可能會有意料之外的情況,為了保證程序的健壯性,要進行異常處理。
比如一個對象的所有方法,都應該做異常處理,但是,如果每個方法都加 try catch 又太麻煩:
const obj = { aaa() { try { // aaa } catch(e) { // xxxx } }, bbb() { try { // bbb } catch(e) { // xxxx } }, ccc() { try { // ccc } catch(e) { // xxxx } } }
有沒有一種方式既能對所有方法做異常處理,又不用重復寫這么多次呢?
有,就是代理模式。
代理模式是通過對目標對象做一層包裝,提供和目標對象同名的方法,最終的功能實現(xiàn)還是調(diào)用目標對象的方法,但可以額外添加一些職責,比如日志、權(quán)限等,透明地對目標對象做一些擴充。
比如 React 里的高階組件就是代理模式的實現(xiàn),可以透明的擴展被包裝的組件的功能。
很明顯,這里的異常處理,也可以用代理的方式來做。但不用完全自己實現(xiàn),ES6 提供了 Proxy,可以基于它來實現(xiàn)。
定義 createProxy 方法來實現(xiàn)代理,創(chuàng)建一個 Proxy 對象,對目標對象 target 做一層包裝,定義 get、set 時的處理:
function createProxy(target) { const proxy = createExceptionProxy(); return new Proxy(target, { get: proxy, set: proxy }); } function createExceptionProxy() { return (target, prop) => { if (!(prop in target)) { return; } if (typeof target[prop] === 'function') { return createExceptionZone(target, prop); } return target[prop]; } }
如果 target 不包含 prop,就返回空,否則返回對應的屬性值 target[prop]。
如果屬性值是函數(shù),則做一層包裝:
function createExceptionZone(target, prop) { return (...args) => { let result; ExceptionsZone.run(() => { result = target[prop](...args); }); return result; }; }
最終的功能實現(xiàn)還是調(diào)用 target,傳入?yún)?shù),把調(diào)用結(jié)果作為代理方法的結(jié)果返回。
包裝這一層的目的是為了做異常處理,也就是 ExceptionsZone.run 做的事情:
class ExceptionsZone { static exceptionHandler = new ExceptionHandler(); static run(callback) { try { callback(); } catch (e) { this.exceptionHandler.handle(e); } } }
調(diào)用目標方法,并做 try catch,當出現(xiàn)異常的時候,用 ExceptionHandler 來處理。
這里的異常處理我們就簡單打印下日志:
class ExceptionHandler { handle(exception) { console.log('記錄錯誤:',exception.message, exception.stack); } }
這樣就實現(xiàn)了給目標對象的所有方法添加異常處理的目的。
測試下:
const obj = { name: 'guang', say() { console.log('Hi, I\'m ' + this.name); }, coding() { //xxx throw new Error('bug'); } coding2() { //xxx throw new Error('bug2'); } } const proxy = createProxy(obj); proxy.say(); proxy.coding();
這里的 coding、coding2 方法都會拋出異常,但并沒有做異常處理,我們用代理給它加上:
我們成功地通過代理模式給對象方法添加了異常處理!
但是現(xiàn)在這樣還是有問題的,比如我把 coding 方法改為 async 的就不行了:
那怎么辦呢?能不能統(tǒng)一對異步和同步方法做代理呢?
確實沒辦法,因為沒法區(qū)分方法是同步還是異步,而且這兩種方法的調(diào)用方式也不同,但我們可以單獨提供一個 runner 方法來運行這些異步邏輯:
class ExceptionsZone { static exceptionHandler = new ExceptionHandler(); static async asyncRun(callback) { try { await callback(); } catch (e) { this.exceptionHandler.handle(e); } } }
然后這樣運行:
(async function() { await ExceptionsZone.asyncRun(proxy.coding2); })();
這樣就能處理異步邏輯中的異常了:
我們通過代理的方式給對象的所有同步方法添加了異常處理,然后又提供了運行異步方法的 runner 函數(shù),對異步的異常做了處理,結(jié)合這兩種方式,優(yōu)雅地給目標對象的所有方法加上了異常處理。
可能你會說,代理就代理,你定義這么多 class 干啥?
因為這段邏輯是我從 Nest.js 源碼里摘出來的,它源碼里就是這樣來給對象添加異常處理的:
異步邏輯也是單獨提供了個方法來運行:
我覺得這個透明給對象添加異常處理的方式很優(yōu)雅,就把它從 Nest.js 源碼里抽了出來。
完整代碼如下:
function createProxy(target) { const proxy = createExceptionProxy(); return new Proxy(target, { get: proxy, set: proxy }); } function createExceptionProxy() { return (receiver, prop) => { if (!(prop in receiver)) { return; } if (typeof receiver[prop] === 'function') { return createExceptionZone(receiver, prop); } return receiver[prop]; } } function createExceptionZone(receiver, prop) { return (...args) => { let result; ExceptionsZone.run(() => { result = receiver[prop](...args); }); return result; }; } class ExceptionHandler { handle(exception) { console.log('記錄錯誤:',exception.message, exception.stack); } } class ExceptionsZone { static exceptionHandler = new ExceptionHandler(); static run(callback) { try { callback(); } catch (e) { this.exceptionHandler.handle(e); } } static async asyncRun(callback) { try { await callback(); } catch (e) { this.exceptionHandler.handle(e); } } } const obj = { name: 'guang', say() { console.log('Hi, I\'m ' + this.name); }, coding() { //xxx throw new Error('bug'); }, async coding2() { //xxx throw new Error('bug2'); } } const proxy = createProxy(obj); proxy.say(); proxy.coding(); (async function() { await ExceptionsZone.asyncRun(proxy.coding2); })();
感謝各位的閱讀!關(guān)于“怎么利用Proxy更優(yōu)雅地處理異?!边@篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。