简体中文

组合模式

组合模式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/