javascript设计模式总结

参考

通过设计模式可以增加代码的可重用性、可扩展性、可维护性

设计模式五大设计原则

单一职责:一个程序只需要做好一件事,如果结构过于复杂就拆分开,保证每个部分独立

开放封闭原则:对扩展开放,对修改封闭。增加需求时扩展新代码而不是修改源代码。

里氏置换原则:子类覆盖父类,父类能出现的地方子类也能出现。

接口独立原则:保持接口单一独立,避免出现胖接口。

依赖导致原则:面向接口编程,依赖于抽象而不依赖于具体。使用方只用专注于接口而不用专注于具体类的实现。

设计模式三大类

创建 结构 行为

创建类:工厂模式、抽象工厂模式、建造者模式、单例模式、原型模式

结构类:适配器模式、装饰器模式、代理模式、外观模式、桥接模式、组合模式、享元模式

行为类:策略模式、模版方法模式、发布订阅模式、迭代器模式、职责链模式、命令模式、备忘录模式、状态模式、访问者模式、中介模式、解释器模式

工厂模式

优点:

调用者创建对象时只需要知道类的名称

扩展性高

隐藏产品的具体实现,只用关心接口

缺点:

每次增加一个产品时都需要增加一个具体的类,这增加了系统的内存压力,也增加了具体类的依赖

例如一个服装厂可以卖不同的衣服

cpp 复制代码
class DownJacket {
  production() {
    console.log('生产羽绒服')
  }
}
class TShirt {
  production() {
    console.log('生产t恤')
  }
}

class ClothingFactory {
  constructor() {
    this.downJacket = DownJacket
    this.tShirt = TShirt
  }
  getFactory(clothingType) {
    const _production = new this[clothingType]
    return _production.production()
  }
}

const downJacket = new ClothingFactory()
downJacket.getFactory('downJacket')
结果:生产羽绒服

后续更新。。。。

相关推荐
木头软件几秒前
批量将 Word 文档重命名为其标题
开发语言·c#·word
fantasy5_5几秒前
C++ 智能指针深度解析:原理、实现与实战避坑
java·开发语言·c++
ERROR:991 分钟前
野路子:把海量文档一次性转换成多个PPT
开发语言·人工智能·c#
凌冰_2 分钟前
JAVA与MySQL实现银行管理系统
java·开发语言·mysql
sleeppingfrog2 分钟前
konva实现canvas画图基础版本
前端·javascript·css
CodeCraft Studio3 分钟前
国产化Excel开发组件Spire.XLS教程:以Python编程方式在Excel中高亮重复值
开发语言·python·excel·spire.xls·excel自动化·excel高亮重复值·python处理excel
jingling5556 分钟前
Mark3D | 用 Mars3D 实现一个炫酷的三维地图
前端·javascript·3d·前端框架·html
前端白袍6 分钟前
Vue:如何实现日志导出下载功能?
javascript·vue.js·ecmascript
木千10 分钟前
Qt中关于QTableWidget成员函数selectedItems和itemAt(QPoint)无法获取无数据Item的处理方式
开发语言·qt
小鸡吃米…12 分钟前
Python - 命令行参数
开发语言·python