ECMAScript 2015 引入了一个新的语法特性，即 Decorator（装饰器）。它可以让我们更加优雅地分离应用逻辑和业务逻辑，使代码更加清晰易懂。在本文中，我们将学习如何使用 Decorator 实现这个目标。
Decorator 是什么？
Decorator 是一个函数，它接收一个类或类的成员作为参数，并返回新的类或新的类成员。在使用 Decorator 时，我们可以把它放在类或类成员的前面，它的返回值将被用来替换原来的类或类成员。
下面是一个简单的例子：
-------- ----------- -
-------------------------
-
----
----- ------- -
------------- -
--------- - ----------
-
-
--- ---------- -- ----------在这个例子中，我们定义了一个 log 函数，并将它作为 Decorator 使用在 MyClass 类的前面。当实例化 MyClass 时，log 函数会被调用，输出 MyClass 类的名称。
使用 Decorator 分离业务逻辑和应用逻辑
在使用 Decorator 时，我们可以把它应用于类的方法或属性上，这样一来，我们就可以更加优雅地分离业务逻辑和应用逻辑。
例如，我们可以定义一个 @readonly Decorator，来限制类属性的修改：
-------- ---------------- ---- ----------- -
------------------- - ------
------ -----------
-
----- ------ -
---------
---- - ------
------------- -
--------- - -----
-
-
----- ------ - --- ---------
------------------------ -- --------- ------ -- ---- ---- -------- ------ -- ------在这个例子中，我们定义了一个 @readonly Decorator，并将它应用于 Person 类的 name 属性上。这样一来，name 属性就变成了只读属性，不能被修改。
我们也可以定义一个 @auth Decorator，来控制某个方法是否需要进行身份验证：
-------- ------------ ---- ----------- -
----- -------------- - -----------------
---------------- - ---------- -
-- ------------- -
------ -------------------------- -----------
- ---- -
----------------------- ---------
-
--
------ -----------
-
----- ----- -
-----
-------- -
------------------ ------------
-
-
----- ----- - --- --------
--------------- -- ------------- ------在这个例子中，我们定义了一个 @auth Decorator，并将它应用于 Order 类的 submit 方法上。这样一来，submit 方法就变成了一个需要身份验证的方法。当身份验证通过时，方法会被正常调用；否则，将输出“Permission denied”。
总结
ECMAScript 2015 的 Decorator 是一个非常有用的语法特性，它可以帮助我们更加易读易懂地分离业务逻辑和应用逻辑。在使用 Decorator 时，我们需要注意：
- Decorator 是一个函数，它接收一个类或类的成员作为参数，并返回一个新的类或新的类成员。
- Decorator 可以被应用于类的方法或属性上，用来实现各种功能，如只读属性、身份验证等。
- Decorator 可以帮助我们更加优雅地编写代码，使代码更加清晰易读。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64ae053548841e98949f86ad