• 35648

    文章

  • 23

    评论

  • 20

    友链

  • 最近新加了很多技术文章,大家多来逛逛吧~~~~
  • 喜欢这个网站的朋友可以加一下QQ群,我们一起交流技术。

javascript 组合模式

欢迎来到阿八个人博客网站。本 阿八个人博客 网站提供最新的站长新闻,各种互联网资讯。 喜欢本站的朋友可以收藏本站,或者加QQ:我们大家一起来交流技术! URL链接:https://www.abboke.com/jsh/2019/0812/105153.html 1190000020039100

组合模式

**// 组合模式在对象间形成树形结构
// 组合模式中基本对象和组合对象被一致对待
// 无须关心对象有多少层 调用时只需要在根部进行调用**
结合了命令模式和组合模式的具体实现:

    const MacroCommand = function () {
      return {
        lists: [],
        add: function (task) {
          this.lists.push(task)
        },
        excute: function () { //组合对象调用这里的excute
          for (let i = 0; i < this.lists.length; i++) {
            this.lists[i].excute()
          }
        }
      }
    }
    const command1 = MacroCommand() //基本对象
    command1.add({
      excute: () => console.log('煮咖啡') //基本对象调用这里的excute
    })
    const command2 = MacroCommand()
    command2.add({
      excute: () => console.log('打开电视')
    })
    command2.add({
      excute: () => console.log('打开音响')
    })
    const command3 = MacroCommand()
    command3.add({
      excute: () => console.log('打开空调')
    })
    command3.add({
      excute: () => console.log('打开电脑')
    })
    console.log(command1.lists) //所对应的内存地址不一样
    console.log(command2.lists) //所以lists 保存的不一样
    console.log(command3.lists)

    const macroCommand = MacroCommand()
    macroCommand.add(command2) //分次放入不同的参数
    macroCommand.add(command3) // 函数的引用不变,对应的就是同 
                                 //一个堆
     macroCommand.add(command1)
     //最后把command1、2、3都放入数组中 调用excute,触发每一个数 
      //组中的excute方法
    macroCommand.excute()

demo2 —— 扫描文件夹
扫描文件夹时, 文件夹下面可以为另一个文件夹也可以为文件, 我们希望统一对待这些文件夹和文件, 这种情形适合使用组合模式。

   const Folder = function(folder){
    this.folder = folder
    this.lists = []
   }
   Folder.prototype.add = function(resource){
     this.lists.push(resource)
   }
   Folder.prototype.scan = function(){
     console.log('开始扫描文件夹',this.folder)
     for(let i =0,folder; folder = this.lists[i++];){
       folder.scan()
     }
   }
   const File = function(file){
     this.file = file
   }
   File.prototype.add = function(){
     throw Error('文件下不能添加其他文件夹或文件')
   }
   File.prototype.scan = function(){
     console.log('开始扫描文件',this.file)
   }
   const folder = new Folder('根文件加')
   const folder1 = new Folder('JS')
   const folder2 = new Folder('life')
   const file1 = new File('js技术栈')
   const file2 = new File('权威')
   const file3 = new File('小王子')
   folder1.add(file1)
   folder1.add(file2)
   folder2.add(file3)
   folder.add(folder1)
   folder.add(folder2)
   folder.scan()

相关文章

暂住......别动,不想说点什么吗?
  • 全部评论(0
    还没有评论,快来抢沙发吧!