TypeScript 是一种强类型 JavaScript 方言，为开发者提供了更好的类型检查和语法提示支持。它被许多开发者选择作为他们的主要编程语言，其中最引人注目的特性之一就是装饰器（Decorator）。
装饰器是一种函数，它可以用于修改类、方法或属性的行为。它们允许我们将元数据附加到类定义中，这些元数据可以在运行时使用。你可以把装饰器看作是一个“修饰器”，它可以增强某些代码的功能。
基本语法
装饰器是通过 @expression 语法糖使用的，其中 expression 是一个函数，该函数将应用于目标（类、方法或属性）。例如：
@decorator
class MyClass {}这里 decorator 函数将用于修改 MyClass 的行为。你也可以使用装饰器应用于类的实例成员，如方法或属性：
class MyClass {
@decorator
myMethod() {}
}装饰器可以接受不同的参数，它们具体如何工作取决于它们被涉及到的目标类型。不过，最常见的参数是一个对象，包含装饰器所需的元数据。例如：
@decorator({ param1: "value1", param2: "value2" })
class MyClass {}类装饰器
类装饰器是最常见的装饰器类型之一。它们用于修改类的声明和构造函数。一个类装饰器将被应用于其下的整个类。
-- -------------------- ---- -------
-------- ---------------- ------- --------------------------------------- -
------ ----- ------- ----------- -
----------- - ---- ----------
----- - -----------
-
-
---------------
----- ------- -
------ --------- ------ - -----------
------ ------ - --------
-
--------------- ----------------------- -- -- ---- ---------
--------------- ----------------- -- -- ----------在本例中，装饰器 classDecorator 应用于 MyClass，它将对构造函数进行修改。在类的扩展中，我们向其添加了一个名为 newProperty 的新属性，并将 hello 属性覆盖为 override。
属性装饰器
属性装饰器用于修改类中的属性。这样的装饰器被应用于属性定义之后，但是它们被关联到的属性仍然是未定义的。
-- -------------------- ---- ------- -------- ------------------------- ---- ------------ ------- - ------------------------------ ------- --- ----------------- - ----- ------- - ------------------ ----------- ------ - --- - -- -- ------------------ ------- --- -----------
在本例中，装饰器 propertyDecorator 应用于 myProperty 属性，它需要两个参数。第一个参数是目标对象，其中包含成员。第二个参数是属性的名称。
方法装饰器
方法装饰器用于修改类中的方法。这些装饰器被应用于方法定义之后，但是它们被关联到的方法仍然是未定义的。
-- -------------------- ---- -------
-------- ----------------------- ---- ------------ ------- ----------- ------------------- -
---------------------------- ------- --- -----------------
-
----- ------- -
----------------
---------- -
------------------ --------
-
-
-- -- ---------------- ------- --- ---------在本例中，装饰器 methodDecorator 应用于 myMethod 方法，它需要三个参数。第一个参数是目标对象，其中包含成员。第二个参数是方法的名称。第三个参数是包含方法属性的对象。
参数装饰器
参数装饰器用于修饰方法的参数。这些装饰器是用于执行方法之前，而不是在执行方法时。
-- -------------------- ---- -------
-------- -------------------------- ---- ----------- ------- --------------- ------- -
------------------------------- ------- -- ------------- -- ----- --------------------
-
----- ------- -
---------------------------- -- ------- -
---------------
-
-
-- -- ------------------- ------- -- -------- -- ----- --在本例中，装饰器 parameterDecorator 应用于 myMethod 方法的第一个参数 x，它需要三个参数。第一个参数是目标对象，其中包含成员。第二个参数是方法的名称。第三个参数是参数在参数列表中的索引。
总结
装饰器是 TypeScript 中的一项强大功能，它允许我们修改类、方法或属性的行为。尽管它们被认为是高级技巧，但是在编写复杂的应用程序时，装饰器是一种非常有用的工具。本文介绍了 TypeScript 中不同类型的装饰器，并提供了一些使用示例。希望这篇文章能够对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e238c0f6b2d6eab3d89fcd