ES7中的JavaScript修饰器是什么？

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

装饰器（Decorator）是ES7的一个特性，它能够解决两个问题：不同类间共享方法，以及编译期对类和方法的修改。使用简单，只需在类或方法上添加一个@符号即可。

什么是修饰器

修饰器（Decorator）是ES7的一个提案，它的出现能解决两个问题：

• 不同类间共享方法
• 编译期对类和方法的行为进行改变

用法也很简单，就是在类或方法的上面加一个@符，在vue in typescript中经常用到

以上的两个用处可能不太明白，没关系，我们开始第一个例子

例子1：修饰类

@setProp class User {} function setProp(target) { target.age = 30 } console.log(User.age)

这个例子要表达的是对User类使用setProp这个方法进行修饰，用来增加User类中age的属性，setProp方法会接收3个参数，我们现在接触第一个，target代表User类本身。