ECMAScript6：官方最新Decorator修飾器構造函數重寫了。。。

改變

• babel發佈了最新版本，npm最新版本的模塊名稱都改爲@babel前綴，具體可前往babel英文官網查看，中文網站文檔還沒有更新
• 插件 plugin包都已更換名稱，以官網爲準，否則會報錯

• Decorator 構造函數徹底更改，一臉懵逼：）,原先target ,name, descriptor3個參數改成一個對象參數，參數字段具體以下圖

具體查看 介紹https://tc39.github.io/propos...

新的寫法

根據最新的api我寫了小demo以下：

function decoratorclass (target) {
  if (target.kind !== 'class') {
    return
  }
  for (const element of target.elements) {
    if (element.kind !== 'method') {
      continue
    }
    const descriptor = element.descriptor
    const oldMethod = descriptor.value
    descriptor.value = (...args) => {
      console.time(element.key)
      const ret = oldMethod.apply(this, args)
      console.timeEnd(element.key)
      return ret
    }
  }
}

@decoratorclass
class Numberic {
    number = '3.1415926'

    static name = 'Bob'

    add (...num) {
      return num.reduce((p, n) => (p + n), 0)
    }

    all () {
      return '1'
    }
}

new Numberic().add(1, 1, 1)
new Numberic().all(1, 1, 1)

控制檯輸出