ES7 装饰器是一种新的语法提案，它允许开发者通过声明式的方式来修改或扩展类和方法的行为。这一特性有助于让 JavaScript 代码更加简洁、可维护和可读，也可以提高开发效率，同时还能够使代码更加具有可扩展性和灵活性。
装饰器基础
装饰器是一种特殊的函数，它可以被应用于类、方法、属性等语法结构上，用于修改或扩展它们的行为。装饰器的基本形式如下所示：
@decorator
class MyClass {}在这种写法下，decorator 函数将被调用并传入 MyClass 类作为唯一参数。decorator 函数可以返回一个新的类对象，也可以在现有类对象上增加一些属性和方法，这些修改将在类实例化时生效。
除了可以应用于类外，装饰器也可以应用于类的属性和方法上：
class MyClass {
@readonly
property = 123;
@log
method() {}
}在这个例子中，readonly 和 log 分别是 property 和 method 的装饰器。它们将会修改这些成员的行为，使之具有新的特性。
装饰器的应用场景
装饰器可以用于实现许多功能，下面介绍几个常见的应用场景。
面向切面编程
面向切面编程（AOP）是一种编程思想，它的目的是通过分离关注点来提高系统的模块化程度，使代码更加简洁可读。在 JavaScript 中，使用装饰器可以轻松地实现 AOP 的相关功能。
例如，我们可以定义一个 log 装饰器，将其应用于整个类的所有方法上，在方法执行前输出日志信息：
-- -------------------- ---- -------
-------- ----------- ----- ----------- -
----- -- - -----------------
---------------- - ---------- -
-------------------- ------- ------ -----------
------ -------------- -----------
-
-
----- ------- -
----
--------- --
----
--------- --
-在这个例子中，log 装饰器被定义为一个函数，它接收三个参数：目标对象、属性名和属性描述符。在装饰器内部，我们将原来的方法保存在一个变量中，然后返回一个新的函数，这个函数会在调用原方法前输出一些日志信息。
类的注入
有些场景下我们需要动态地向某个类中注入一些属性或方法，使其具有新的特性。使用装饰器可以方便地实现这一需求。
例如，我们可以定义一个 inject 装饰器，将其应用于类的某个方法上，使其具有一个新的属性：
-- -------------------- ---- -------
-------- ------------ ------ -
------ ---------------- ---- ----------- -
------------ - ------
-
-
----- ------- -
------------------ --------
------------- --
-在这个例子中，我们定义了一个 inject 装饰器，它接收两个参数：属性名和属性值。在装饰器的函数内部，我们将属性名和属性值保存到了目标类的静态属性上。这样，当我们实例化这个类的时候，就可以访问这个新的属性了。
数据验证
数据验证是一个常见的开发场景，它涉及到对输入数据的合法性进行验证。在 JavaScript 中，我们可以使用装饰器来扩展类的属性，从而实现数据验证的功能。
例如，我们可以定义一个 validate 装饰器，将其应用于类的某些属性上，对属性进行验证。如果属性值不符合要求，则抛出异常。
-- -------------------- ---- -------
-------- ----------------- -
------ ---------------- ---- ----------- -
----- ------ - ---------------
-------------- - --------------- -
-- ------ --- -------------------- -
----- --- ----------------- ------ -- -- ---- -----------------------
-
----------------- -------
--
-
-
----- ------- -
-----------
----- ------
--
---- - ---
-----------
----- ------
--
--- - --
-在这个例子中，validate 装饰器接收一个选项对象，该对象包含我们要验证的数据类型。在装饰器的函数内部，我们使用属性描述符来修改属性 setter 方法的行为。如果属性值不符合要求，则抛出一个类型错误。
总结
ES7 装饰器是一种强大的语言特性，它可以用于扩展和修改 JavaScript 类的行为。通过装饰器，我们可以实现 AOP、类的注入、数据验证等各种功能，使代码更加简洁可读，同时提高开发效率。如果你还没有尝试过使用装饰器，现在就是一个很好的时机开始学习和使用它们。
示例代码
完整的示例代码如下所示。在这个例子中，我们定义了一个 log 装饰器，将其应用于整个类的所有方法上，在方法执行前输出日志信息。
-- -------------------- ---- -------
-------- ----------- ----- ----------- -
----- -- - -----------------
---------------- - ---------- -
-------------------- ------- ------ -----------
------ -------------- -----------
-
-
----- ------- -
----
--------- --
----
--------- --
-
----- --- - --- ----------
--------------
--------------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e6c46af6b2d6eab321e288