什么是装饰器？
装饰器是一种特殊的 TypeScript 语法，可以在 class，property，method，parameter 等各种对象上添加元数据，实现编译时的源代码转换和运行时的类型检查等功能。相当于是对 JavaScript 语言的扩展和补充。
装饰器的基本语法
装饰器使用特殊语法 “@装饰器名称” 来修饰对象，可以是一个函数或者一个类。装饰器可以单独使用，也可以与其他装饰器组合使用。装饰器的执行顺序与声明顺序相反。
以下是常见装饰器的示例代码：
Class Decorator
-- -------------------- ---- ------- -------- --------------- --------- - ------------------------- - ------- -------- - -------- ----- -------- - --------- ------- ------------- -- - ----- -------- - --- ----------- ------------------------------- -- ------ ------
Property Decorator
function Log(target: any, propertyKey: string) {
console.log(`Decorating ${propertyKey} in ${target.constructor.name}`);
}
class MyClass {
@Log
myProperty: any;
}Method Decorator
-- -------------------- ---- -------
-------- ---------- ------------ ------- ----------- ------------------- -
----- -------------- - -----------------
---------------- - ----------------- ------ -
-- ------------- -
---------- - ---
-
-- ------------------------- -
------ ------------------------
-
----- ------ - -------------------------- ------
----------------------- - -------
------ -------
--
------ -----------
-
----- --------- -
------- ------ ------ -------- ---- - ---
--------
-------- -
------ --------------
-
-Parameter Decorator
-- -------------------- ---- -------
-------- ---------------- ---- ------------- ------- --------------- ------- -
----- ----------- - ------------------ -- ------ ----------------
-- ---------------------------------- -
------------------------------- - ---
-
-----------------------------------------------------
-
----- --------------- -
------ -------------------- ---------
------------------ ----- ------- ------------ ------- -
----------------------- -------- -----------------
-
-
----- ------------------ - --- ------------------
-------------------------------------- ----- --------- -------- -- ------ ------- -------- ---------- ----装饰器的使用场景
装饰器的应用场景非常广泛，可以用于实现 AOP，DI，ORM，Validation，Logging，Caching，Authorization 等各种功能，使得代码更加模块化，可重用性更强，可维护性更高。
例如，可以使用装饰器实现一个简单的验证框架：
-- -------------------- ---- -------
-------- -------------------------- ------- ---- -- -------- -
------ ---------------- ---- ---- ------- ----------- ------------------- -
----- -------- - -----------------
---------------- - --------------- ---- -
-- ------------------------- -
------ ------------------- -------
- ---- -
----- --- ----------------- ---------
-
--
------ -----------
--
-
----- ----------------- -
----------------- -- ----- - --
------------------ ------- -
------------------ ------ -----------
-
-
----- ----------------- - --- --------------------
--------------------------------- -- ----- ------ -
---------------------------------- -- ------ ---------- ------总结
TypeScript 中的装饰器是一种强大的语法扩展，可以实现许多有用的功能。掌握装饰器的使用方法，可以使我们的代码更加清晰，简洁，易于扩展和维护。在实际开发中，我们可以大量地应用装饰器，提高代码的质量和效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64657e7a968c7c53b062c3d2