JavaScript装饰器模式怎么用
导读:本文共1237.5字符,通常情况下阅读需要4分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 装饰器模式想必大家并不陌生:它允许向一个现有的对象添加新的功能,同时又不改变其结构,属于结构型模式,它是作为现有的类的一个包装。这种模式创建了一个装饰类,用来包装原有的类,并在保持类方法签名完整性的前提下,提供了额外的功能。在 JS 中,装饰器(Decorator)是ES7中的一个新语法,它可以对类、方法、属性进行修饰,从而进行一些相关功能定制。它的写法与Jav... ...
目录
(为您整理了一些要点),点击可以直达。装饰器模式想必大家并不陌生:它允许向一个现有的对象添加新的功能,同时又不改变其结构,属于结构型模式,它是作为现有的类的一个包装。
这种模式创建了一个装饰类,用来包装原有的类,并在保持类方法签名完整性的前提下,提供了额外的功能。
在 JS 中,装饰器(Decorator
)是ES7中的一个新语法,它可以对类、方法、属性
进行修饰
,从而进行一些相关功能定制。它的写法与Java的注解(Annotation
)非常相似,但是功能还是有很大区别。
代码示例:
不使用装饰器:
使用装饰器:
从上面的代码可以看出,如果有的时候我们并不需要关心函数的内部实现,仅仅是想调用它的话,装饰器能够带来比较好的可读性,使用起来也是非常的方便。
JS中的装饰器本质也是一个函数,利用的是JS中object
的descriptor
;
装饰类和被装饰类可以独立发展,不会相互耦合,装饰模式是继承的一个替代模式,装饰模式可以动态扩展一个实现类的功能。
JavaScript装饰器模式怎么用的详细内容,希望对您有所帮助,信息来源于网络。