javascript - 装饰器不会向它正在装饰的类添加属性。我如何解决它？

Question

我想了解装饰器在 javascript 中的工作原理。我浏览了很多关于它的文章，但没有一篇真正很好地解释了这个概念。

我已经从我读过的一篇文章中尝试了装饰器的基本示例。这是代码笔 link .我定义了一个装饰器函数，叫做 superhero。我正在用它装饰我的类(class)“MySuperHero”。据我所知，装饰器应该为类添加属性功能。但是当我执行 console.log 时，它显示未定义。

function superhero(target) {
  target.isSuperhero = true
  target.power = 'flight'
}

@superhero
class MySuperHero {

}

console.log(MySuperHero.power) // It should show "flight" but its showing undefined in console 

Answer 1

你应该使用 babel --optional es7.decorators (babel CLI) 来启用装饰器。由于它仍然是一个提案，因此可以找到更多信息 here .

希望对您有所帮助!