组合模式

组合模式

组合模式Composite Pattern又叫部分整体模式,是用于把一组相似的对象当作一个单一的对象,通常依据树形结构来组合对象,用来表示部分以及整体层次,这种类型的设计模式属于结构型模式,它创建了对象组的树形结构。

描述

在软件工程中,组合模式是一种分区设计模式,组合模式描述了将以与对象的单个实例相同的方式对待一组对象,组合的目的是将对象组成树状结构,以表示整个部分的层次结构。即将对象组合成树形结构以表示部分-整体的层次结构,使得用户对单个对象和组合对象的使用具有一致性,通常用于树形菜单、文件、文件夹、表单的管理等。

优点

  • 高层模块调用简单。
  • 节点自由增加。
  • 忽略组合对象和单个对象的差别,对外一致接口使用。

缺点

  • 树叶对象接口一致,无法区分,只有在运行时方可辨别。
  • 包裹对象创建太多,额外增加内存负担。
  • 在使用组合模式时,其叶子和树枝的声明都是实现类而不是接口,违反了依赖倒置原则。

实现

class Folder { // 目录
    constructor(name) {
        this.name = name;
        this.nodes = [];
    }

    add(node) {
        this.nodes.push(node);
    }

    scan() {
        for (let node of this.nodes) {
            if(node instanceof Folder) node.scan();
            else node.getFile();
        }
    }
}

class File { // 文件
    constructor(name) {
        this.name = name;
    }

    add(file) {
        throw new Error("File nodes are leaf nodes");
    }

    getFile() {
        console.log("File:", this.name);
    }
}

(function(){
    var mediaFolder = new Folder("media");
    var movieFolder = new Folder("movie");
    var musicFolder = new Folder("music");

    var music = new File("./music.mp3");
    var moive = new File("./moive.mp4");

    mediaFolder.add(movieFolder);
    mediaFolder.add(musicFolder);
    musicFolder.add(music);
    movieFolder.add(moive);
    mediaFolder.scan(); // File: ./moive.mp4 File: ./music.mp3
})();

每日一题

https://github.com/WindrunnerMax/EveryDay

参考

https://www.jianshu.com/p/a6e236040505
https://segmentfault.com/a/1190000019773556
https://github.com/tcorral/Design-Patterns-in-Javascript
https://www.runoob.com/design-pattern/composite-pattern.html
https://www.cnblogs.com/TomXu/archive/2012/04/12/2435530.html
https://github.com/sohamkamani/javascript-design-patterns-for-humans#-composite
https://xhui.top/2018/12/20/JS%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F-8-%E7%BB%84%E5%90%88%E6%A8%A1%E5%BC%8F/

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 责任链模式

    责任链模式Chain of Responsibility Pattern为请求创建了一个接收者对象的链,其对请求的发送者和接收者进行解耦,这种类型的设计模式属于...

    WindrunnerMax
  • 中介者模式

    中介者模式Mediator Pattern用一个中介对象来封装一系列的对象交互,中介者使各对象不需要显式地相互引用,从而使其耦合松散,降低多个对象和类之间的通信...

    WindrunnerMax
  • v-model数据绑定分析

    `v-model`是`Vue`提供的指令,其主要作用是可以实现在表单`<input>`、`<textarea>`及`<select>`等元素以及组件上创建双向数...

    WindrunnerMax
  • centos7安装chromedriver

    2.安装chromedriver(需要下载与chrome版本匹配的安装包) 下载:https://npm.taobao.org/mirrors/chromed...

    薛定喵君
  • log4j.xml 日志只输出指定类配置

    1、日志增加appender 指定日志生成时间、格式、间隔时间。 2、category指定哪些或哪个类日志生成在文件中。 3、自定义logger避免不要将use...

    杉枫
  • Python花式错误集锦(长期更新)

    Python是一门灵活的,有意思的,用途广泛的语言。近些年来,受到越来越多的重视。也有越来越多的人来学习这门语言。

    py3study
  • node获取图片保存本地

    用户1437675
  • Python学习案例之图片人脸检测识别

    随着科技的发展,人脸识别技术在许多领域得到的非常广泛的应用,手机支付、银行身份验证、手机人脸解锁等等。

    小柒2012
  • vue实现文章内容过长点击阅读全文功能

    直接上代码: html: <div class="bodyFont clearfloat" id="bodyFont" ref="bodyFont" :clas...

    蓓蕾心晴
  • StackExchange 站点的命令行搜索工具

    so,可以用来搜索 StackExchange 网络内任何站点的命令行工具,其中就包括程序员熟知的 StackOverflow 站点。

    MikeLoveRust

扫码关注云+社区

领取腾讯云代金券