方法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();