什么是装饰器 decorator
装饰器是一种特殊类型的声明，它可以被附加到类声明、方法、属性或参数上，以修改类的行为。装饰器是一种函数，它接受三个参数：被装饰的目标对象、属性名和属性描述符。装饰器可以用来扩展类、修改类的行为、添加元数据等。
TypeScript 中的装饰器
TypeScript 是 JavaScript 的超集，它支持 ECMAScript 6 中的装饰器语法。在 TypeScript 中，装饰器可以用来装饰类、方法、属性和参数。TypeScript 中的装饰器有以下几种类型：
- 类装饰器：用来修改类的行为。
- 方法装饰器：用来修改方法的行为。
- 属性装饰器：用来修改属性的行为。
- 参数装饰器：用来修改参数的行为。
类装饰器
类装饰器用来修改类的行为，它在类声明之前声明。类装饰器可以接受一个参数，这个参数是一个构造函数，表示被装饰的类本身。类装饰器可以用来添加元数据、修改类的行为、替换类等。
下面是一个简单的类装饰器的例子：
-- -------------------- ---- ------- -------- ----------- ---- - -------------------- - ---- ----- ------- - ------------------ ----- ------- -- - --- ------- - --- -----------------
在上面的例子中，我们定义了一个名为 log 的装饰器函数，它接受一个参数 target，表示被装饰的类本身。然后我们使用 @log 来装饰 MyClass 类。当我们创建 MyClass 的实例时，会自动调用 log 函数，并输出 MyClass 类本身。
方法装饰器
方法装饰器用来修改方法的行为，它在方法声明之前声明。方法装饰器可以接受三个参数，分别是被装饰的目标对象、属性名和属性描述符。方法装饰器可以用来添加元数据、修改方法的行为、替换方法等。
下面是一个简单的方法装饰器的例子：
-- -------------------- ---- -------
-------- ----------- ---- ----- ------- ----------- ------------------- -
--------------------
------------------
------------------------
-
----- ------- -
----
------ ---------- -
---------------------
-
-
--- ------- - --- ----------
-------------------在上面的例子中，我们定义了一个名为 log 的装饰器函数，它接受三个参数 target、name 和 descriptor，分别表示被装饰的目标对象、属性名和属性描述符。然后我们使用 @log 来装饰 sayHello 方法。当我们调用 myClass.sayHello() 方法时，会自动调用 log 函数，并输出目标对象、属性名和属性描述符。
属性装饰器
属性装饰器用来修改属性的行为，它在属性声明之前声明。属性装饰器可以接受两个参数，分别是被装饰的目标对象和属性名。属性装饰器可以用来添加元数据、修改属性的行为、替换属性等。
下面是一个简单的属性装饰器的例子：
-- -------------------- ---- ------- -------- ----------- ---- ----- ------- - -------------------- ------------------ - ----- ------- - ---- ------ ----- ------- - --- ------- - --- ---------- ------------ - --------
在上面的例子中，我们定义了一个名为 log 的装饰器函数，它接受两个参数 target 和 name，分别表示被装饰的目标对象和属性名。然后我们使用 @log 来装饰 name 属性。当我们设置 myClass.name 属性时，会自动调用 log 函数，并输出目标对象和属性名。
参数装饰器
参数装饰器用来修改参数的行为，它在参数声明之前声明。参数装饰器可以接受三个参数，分别是被装饰的目标对象、属性名和参数的索引。参数装饰器可以用来添加元数据、修改参数的行为、替换参数等。
下面是一个简单的参数装饰器的例子：
-- -------------------- ---- -------
-------- ----------- ---- ----- ------- ------ ------- -
--------------------
------------------
-------------------
-
----- ------- -
------ ------------- -------- ------- -
---------------------
-
-
--- ------- - --- ----------
--------------------------在上面的例子中，我们定义了一个名为 log 的装饰器函数，它接受三个参数 target、name 和 index，分别表示被装饰的目标对象、属性名和参数的索引。然后我们使用 @log 来装饰 message 参数。当我们调用 myClass.sayHello('hello') 方法时，会自动调用 log 函数，并输出目标对象、属性名和参数的索引。
总结
装饰器是一种特殊类型的声明，它可以被附加到类声明、方法、属性或参数上，以修改类的行为。TypeScript 中的装饰器有四种类型：类装饰器、方法装饰器、属性装饰器和参数装饰器。装饰器可以用来扩展类、修改类的行为、添加元数据等。使用装饰器可以使代码更加简洁、易于维护和扩展。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65f97d93d10417a222554c11