ECMAScript 2017，也就是 ES8，引入了修饰符（decorators）。修饰符是一个函数，可以附加在类和类的成员上，具有一定的深度和学习以及指导意义。本文将详细介绍 JavaScript 中的修饰符，并提供示例代码以说明其用法。
修饰符的作用
修饰符可用于修改类及其成员的行为。它们可以用于添加元数据、修改类、类的成员和参数等。
修饰符的使用方法
修饰符是函数，可以在类定义的前面用 @ 符号来调用。修饰符可以附加在类上、类的成员上或方法参数上。在调用修饰符的时候，需要使用修饰符函数名前面加上 @ 符号。例如：
---------- ----- ------- --
这里，@decorator 就是一个修饰符，并被附加到 MyClass 类上。
修饰符的种类
ES8 中提供了两种修饰符：类修饰符和方法修饰符。
类修饰符
类修饰符可以用于修改类的行为。一个类修饰符是一个支持修改或替换类定义的函数。
类修饰符可以导出一个新的类定义或者返回一个新的类实例。类的构造函数也可以被修改。
以下是一个简单的类修饰符的示例：
-------- ---------------- ------- - --- --------- ------- -- --------------- -- -
------ ----- ------- ----------- -
----------- - ---- ----------
----- - -----------
--
-
---------------
----- ------- -
-------- - -----------
------ -------
-------------- ------- -
---------- - --
-
-
--------------- ------------------在这个示例中，定义了一个类修饰符 classDecorator，它添加了一个新的属性 newProperty 和修改了 hello 属性的值。@classDecorator 修饰符将会应用到 Greeter 类上。
方法修饰符
方法修饰符可以用于修改类的成员行为。方法修饰符是一个支持修改或替换类成员方法定义的函数。
方法修饰符可以用来标识成员方法、替换一个被继承的类的成员方法，以及修改方法访问控制器。
以下是一个简单的方法修饰符的示例：
-------- ----------------------- ---- ------------ ------- ----------- ------------------- -
---------------------------- ------ --- -- ------- ------------ ------------
-
----- ------- -
--------- -------
-------------------- ------- -
------------- - --------
-
----------------
------- -
------ ------- - - --------------
-
-
--------------- --------------------------在这个示例中，定义了一个方法修饰符 methodDecorator，它会被应用到 Greeter 类的 greet() 方法上。
修饰符的兼容性和使用限制
当前修饰符并不是 ECMA 规范的一部分，仅是一个提案阶段的实验功能。因此，在某些环境中可能无法使用这些功能。
此外，修饰符仅适用于类和类的成员，不适用于函数、变量和模块。
结论
修饰符可以用来修改类及其成员的行为。在前端开发中，对修饰符进行深入学习，掌握其使用方法和使用限制，有助于开发出更优秀、更健壮的应用程序。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/672c57abddd3a70eb6d7ad39