JavaScript装饰器模式

最新推荐文章于 2024-05-03 00:09:42 发布

Einstellung

最新推荐文章于 2024-05-03 00:09:42 发布

阅读量296

点赞数

分类专栏：前端文章标签： js 设计模式

本文链接：https://blog.csdn.net/Einstellung/article/details/111713166

版权

装饰器模式在不改变对象原有结构的基础上，为对象添加新功能。JavaScript中的装饰器支持通过@语法，但在JavaScript中需要借助第三方库。本文将介绍装饰器的使用，包括加参数的装饰器、混合形式的Mixins装饰器以及装饰方法的应用，例如实现只读属性和日志打印功能。

摘要由CSDN通过智能技术生成

装饰器模式

适配器模式是原来的接口就不能用了，需要做一个适配之后才能继续使用。
装饰器是原先接口还能用，在此基础上添加一些新功能。（为对象添加新功能，并且不改变原有结构和功能）

下面我们来举一个装饰器的例子：

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 dec = new Decorator(circle)
dec