前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >组合模式

组合模式

作者头像
WindrunnerMax
发布2020-10-10 17:28:24
7040
发布2020-10-10 17:28:24
举报
文章被收录于专栏:Czy‘s BlogCzy‘s Blog

组合模式

组合模式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/
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-10-06 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 组合模式
    • 描述
      • 优点
      • 缺点
    • 实现
      • 每日一题
        • 参考
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档