当前位置: 首页 > article >正文

js设计模式——组合模式

组合模式将对象组合成树形结构,以表示“部分-整体”的层次结构。除了用来表示树形结构之外,组合模式的另一个好处是通过对象的多态性表现,是的用户对单个对象和组合对象的使用具有一致性。

一、组合模式特点:

  • 表示属性结构。组合模式可以非常方便地描述对象部分-整体层次结构。
  • 利用对象多态性统一对待组合对象和单个对象。在组合模式中,客户将统一地使用组合结构中的所有对象,而无需关心它究竟是组合对象还是单个对象。

二、注意的事项

  1. 组合模式不是父子关系。

组合模式是一种 HAS-A(聚合)的关系,而不是 IS-A。组合对象包括一组叶对象,但叶对象不是组合对象的子类。组合对象把请求委托给它包含的所有叶对象,它们能够合作的关键是拥有相同的接口。

  1. 对叶对象操作的一致性。

组合模式除了要求组合对象和叶对象拥有相同的接口之外,还有一个必要条件,就是对一组叶对象的操作必须具有一致性。

  1. 用职责链模式提高组合模式性能。

在合租模式中,如果树的结构比较复杂,节点数量很多,在遍历树的过程中,性能方面也许表现得不够理想。有时候我们确实可以借助一些技巧,在实际操作中避免遍历整棵树,有一种线程得方案是借助 职责链模式职责链模式一般需要我们手动去设置链条,但在组合模式中,父对象和子对象之间实际上形成了天然得职责链。让请求顺着链条从父对象往子对象传递,或者是反过来从子对象往父对象传递,直到遇到可以处理该请求得对象为止,这也是职责链模式得经典运用场景之一。

三、何时使用组合模式

组合模式适用于以下这两种情况:

  1. 表示对象的部分-整体层次接口。
  2. 客户希望统一对待树中的所有对象。

四、例子

1.扫描文件夹

文件夹和文件之间的关系,非常适合用组合模式来描述。文件夹里既可以包含文件,又可以包含其他文件夹,最终可能组合成一棵树。

const Folder = function(name) {
  this.name = name
  this.files = []
}

Folder.prototype.add = function(file) {
  this.files.push(file)
}

Folder.prototype.scan = function() {
  console.log('开始扫描文件夹:' + this.name)
  for( let i = 0, file, files = this.files; file = files[i++];) {
    file.scan()
  }
}

const File = function(name) {
  this.name = name
}

File.prototype.add = function() {
  throw new Error('文件下面不能再添加文件')
}

File.prototype.scan = function() {
  console.log('开始扫描文件:' + this.name)
}
const folder = new Folder('学习资料')
const folder1 = new Folder('JavaScript')
const folder2 = new Folder('jQuery')

const file1 = new File('JavaScript 设计模式与开发实践')
const file2 = new File('精通 jQuery')
const file3 = new File('重构与模式')

folder1.add(file1)
folder2.add(file2)

folder.add(folder1)
folder.add(folder2)
folder.add(file3)

const folder3 = new Folder('Nodejs')
const file4 = new File('深入浅出 Node.js')
folder3.add(file4)

const file5 = new File('JavaScript 语言精粹与编程实践')
folder.add(folder3)
folder.add(file5)


folder.scan()

http://www.kler.cn/a/8005.html

相关文章:

  • 安装SQL server中python和R
  • 利用编程语言和脚本编写技术,实现自动化渗透测试和安全工具的开发
  • 基于Spring Boot与Redis的令牌主动失效机制实现
  • 解锁微前端的优秀库
  • ubuntu-desktop-24.04上手指南(更新阿里源、安装ssh、安装chrome、设置固定IP、安装搜狗输入法)
  • @ComponentScan:Spring Boot中的自动装配大师
  • RBF-UKF径向基神经网络结合无迹卡尔曼滤波估计锂离子电池SOC(附MATLAB代码)
  • 在cmd命令窗口安装Python模块
  • 入门力扣自学笔记257 C++ (题目编号:1041)
  • GuLi商城-SpringCloud-Gateway网关核心概念、测试API网关
  • 探索三维世界:从Hello World开始的Three.js入门之旅
  • 硬件语言Verilog HDL牛客刷题day07 计数器与存储器部分
  • 亚马逊美国站严查磁体产品?亚马逊最新政策公布
  • 67页新型智慧城市整体规划建设方案
  • Thinkphp 6.0模版的循环标签
  • ToBeWritten之反入侵安全技术面经总结
  • JSON 数据解析的3种方式
  • 2022国赛24:linux基础配置和本地源创建
  • Transformer中的注意力机制及代码
  • 动态规划之线性DP
  • 基于凸集上投影(POCS)的聚类算法
  • Pycharm用ssh连接GCP以后,可以项目都放在本地,只是调用GCP的计算资源吗?
  • Vue+springboot+java学生成绩动态追踪系统课程资源课件下载设计与实现
  • 【Python】【进阶篇】三、Python爬虫的构建User-Agnet代理池
  • itext使用缺陷?
  • Linux下的shell编程(必须给予执行权限)