如何通过Proxy实现优雅异常处理，打造长尾词？

本文共计1608个文字，预计阅读时间需要7分钟。

代码不会完全按照我们的预期运行，可能会出现意外情况。为确保程序的健壮性，需进行异常处理。例如，一个对象的每个方法都应包含异常处理，但并非每个方法都需要添加try...catch语句。

代码不会全部按照我们的预期运行，可能会有意料之外的情况，为了保证程序的健壮性，要进行异常处理。

比如一个对象的所有方法，都应该做异常处理，但是，如果每个方法都加 try catch 又太麻烦：

const obj = { aaa() { try { // aaa } catch(e) { // xxxx } }, bbb() { try { // bbb } catch(e) { // xxxx } }, ccc() { try { // ccc } catch(e) { // xxxx } } }

有没有一种方式既能对所有方法做异常处理，又不用重复写这么多次呢？

有，就是代理模式。

代理模式是通过对目标对象做一层包装，提供和目标对象同名的方法，最终的功能实现还是调用目标对象的方法，但可以额外添加一些职责，比如日志、权限等，透明地对目标对象做一些扩充。

比如 React 里的高阶组件就是代理模式的实现，可以透明的扩展被包装的组件的功能。

很明显，这里的异常处理，也可以用代理的方式来做。但不用完全自己实现，ES6 提供了 Proxy，可以基于它来实现。