方法babel装饰器未执行

Question

我正在使用babel 7装饰器插件，并且我有一个简单的类，我想在一个简单的try catch包装器中装饰每个方法。

这是做的：

const errorHandler = () => {
  return (target, property, descriptor) => {
    try {
      return descriptor
    } catch (e) {
      console.error('error from the decorator', e)
    }
  }
}

这是我班的一个例子：

class Example {
  @errorHandler
  addComponent() {
    throw new Error('Error')
  }
}

但是，当我执行该函数时，它不会在执行之前抛出装饰器，而只是在初始化类时进行预评估。

有任何想法吗？

Answer 1

您正在返回descriptor ，它是一个函数对象，它由调用者在try/catch块之外执行。 要拦截异常-您应该自己执行descriptor 。

正确的代码是：

 const errorHandler = (target, property, descriptor) => { const original = descriptor.value; if (typeof original === 'function') { descriptor.value = async function(...args) { try { return await original.apply(this, args); } catch (e) { console.error('error from the decorator', e) } } } } class Example { @errorHandler addComponent() { throw new Error('Error') } } new Example().addComponent();