在 ES7 中，我们可以使用装饰器（Decorators）来扩展类和类成员的行为。这为我们提供了一种简洁、可复用的方式来实现常见的编程模式，如依赖注入。
什么是装饰器？
装饰器是一种特殊的函数，它可以被应用于类、类成员、函数等。装饰器的作用是修改或扩展被装饰对象的行为。
装饰器可以使用 @ 符号作为前缀，放置在被装饰对象的上方。例如，下面的代码演示了如何使用装饰器来扩展一个类：
-------- ----------- - ------------------------- - ---- ----- ------- - ------ ---- - ---------- -
在上面的代码中，@log 装饰器被应用于 MyClass 类。装饰器函数 log 接收一个参数 target，它代表被装饰的类。在这个例子中，我们只是简单地打印出了类的名字。
依赖注入
依赖注入是一种常见的编程模式，它可以帮助我们管理类之间的依赖关系。在依赖注入模式中，我们将类所需要的依赖项作为参数传递给类的构造函数。
例如，下面的代码演示了如何使用依赖注入来管理一个类的依赖关系：
----- ------ -
------------ -
---------------------
-
-
----- ------- -
------------------- -
----------- - -------
-
------------- -
---------------------- ---------------
-
-
----- ------ - --- ---------
----- ------- - --- ----------------
----------------------在上面的代码中，MyClass 类需要一个 Logger 类的实例来记录日志。我们将 Logger 类的实例作为参数传递给 MyClass 类的构造函数。
使用装饰器实现依赖注入
使用装饰器可以更加简洁地实现依赖注入。我们可以定义一个依赖注入装饰器，用于自动注入类所需要的依赖项。
例如，下面的代码演示了如何使用装饰器来实现依赖注入：
----- ------ -
------------ -
---------------------
-
-
-------- ----------------------- -
------ ---------------- -
-------------- - -------------
-
-
---------------
----- ------- -
------------------- -
----------- - -------
-
------------- -
---------------------- ---------------
-
-
----- ------- - --- ----------
----------------------在上面的代码中，我们定义了一个名为 inject 的装饰器函数，它接收任意数量的依赖项作为参数。装饰器函数返回一个新的函数，这个新函数接收一个参数 target，它代表被装饰的类。
在装饰器函数中，我们将依赖项的列表保存到 target.$inject 属性中。这个属性可以在类的构造函数中使用，来自动注入依赖项。
在 MyClass 类中，我们使用 @inject(Logger) 装饰器来指定 Logger 类是这个类的依赖项。在 MyClass 类的构造函数中，我们可以通过 this.logger 来访问 Logger 类的实例。
总结
ES7 中的 Decorators 提供了一种简洁、可复用的方式来实现常见的编程模式，如依赖注入。使用装饰器可以更加方便地管理类之间的依赖关系，使代码更加清晰易读。如果你还没有尝试过使用装饰器来实现依赖注入，那么现在就是一个好时机！
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/660e8f07d10417a222f15828