javaScript---设计模式-提高复用性

目录

1、提高复用性的设计模式

2、基本结构与应用示例

2.1 享元模式

2.2 桥接模式

2.3 模板方法模式

2.4 JS的组合与继承

---

提高复用性的目的：①遵循DRY（Don't Repeat Yourself）原则；②减少代码量，节省开销

什么是好的复用：①对象可以再重复使用，不用修改；②重复代码少；③模块功能单一。

1、提高复用性的设计模式

	模式	目的	应用场景	应用示例
减少代码数量，高效复用代码	桥接模式	通过桥接代替耦合	减少模块之间的耦合。通过独立方法间的桥接来形成整体功能，这样每个方法都可以被高度复用	创建不同的选项效果；express中创建get等方法
	享元模式	减少对象/代码数量	当代码中创建了大量类似对象和类似的代码块。提取出公有部分与私有部分，私有部分作为外部数据传入，从而减少对象数量	文件上传； jQuery的extend方法
创建高可复用性的代码	模板方式模式	定义一系列的骨架，简化后面类似操作的内容	当项目中出现很多类似操作内容。当一个功能朝着多样化发展，不妨先定义一个基础的，把具体实现延迟到后面。	一系列弹窗，每个弹窗的行为，大小，文字都不同； 封装一个算法计算器

2、基本结构与应用示例

2.1 享元模式

基本结构：只需要一个类，这个类保留共有的部分，私有（不同）部分提取出来作为公共的享元。

应用示例：

（1）文件上传:可上传多个文件

私有部分提取出来作为公共的享元

（2）jQuery的extend方法，需要判断参数数量来进行不同的操作。

有效减少重复的for循环代码

2.2 桥接模式

基本结构:

注意区别：建造者模式关注如何构建对象，关注创建；桥接模式关注如何通过桥接方式提高代码可复用性，关注功能

应用示例：（1）创建不同的选项效果，有一组菜单，上面每种选项都有不同的选中效果。

（2）express中创建get等方法：express中有get，post，put等七八个方法，如何方便快速地创建。

2.3 模板方法模式

基本结构：定义后面需要扩展多维度会用到的基本行为，在基本行为的基础上做扩展（继承或者组合的方式）。

应用示例：

1. 编写一个弹窗组件，一系列弹窗，每个弹窗的行为，大小，文字都不同。

通过继承的方式再父类基础上做扩展

1. 封装一个算法计算器：我们有一系列自己的算法，但是这个算法常在不同的地方需要增加一些不同的操作。

通过组合方式，把我们要扩展的东西变成方法组合在一起达成扩展。

2.4 JS的组合与继承

组合：

（1）JavaScript最初没有专门的继承，所以最初JavaScript推崇函数式的编程，然后进行统一组合桥接到一起。

（2）桥接模式可以看出组合的一种体现，组合的好处是耦合低，方便方法复用，方便扩展。

组合缺点：没有继承那样的能自动获得父类的内容与接口

继承：

（1）在es6出现class和extend，继承的方式多种多样，但是都是各有弊端。

（2）模板方法模式可以看出继承的一种体现，继承的好处是可以自动获得父类的内容与接口，方便统一化