- 为对象添加新功能
- 不改变其原有的结构和功能
UML类图:
image.png
class Circle{
draw() {
console.log('画一个圆形')
}
}
class Decorator {
constructor(circle){
this.circle = circle
}
draw() {
this.circle.draw()
this.setRedBorder(circle)
}
setRedBorder(circle){
console.log('设置红色边框')
}
}
// 测试代码
let circle = new Circle()
circle.draw() // 画一个圆形
let decorator = new Decorator(circle)
decorator.draw() // 画一个圆形 设置红色边框
使用场景：
core-decorators
readonly
import { readonly } from 'core-decorators'
class Person{
@readonly
name() {
return name
}
}
API 下一个版本弃用
import { deprecate } from 'core-decorators'
class Person{
@deprecate
name() {
return 'Emil'
}
}
设计原则验证
- 将现有对象和装饰器进行分离，两者独立存在
- 符合开放封闭原则
