<!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title>Javascript高级语法13-组合模式</title>

     </head>

     <body>

         <script>

             /*组合模式：

             */

             function demo1(){

                 /*需求： 有一个学校，有两个班（1班，2班），

                  * 每个班分两个小组(1班1组，1班2组，2班1组，2班2组)

                  * 学校计算机教室有限，每一个小组分着来上课，考试时候大家一起考

                  */

                 //不用组合模式

                 var school = function(name){

                     this.name = name;

                     var classes = new Array();

                     this.addClass = function(cla){

                         classes.push(cla);

                         return this;

                     }

                     this.getClasses = function(){

                         return classes;

                     }

                 }

                 //班级类

                 var classes = function(name){

                     this.name = name;

                     var groups = new Array();

                     this.getGroups = function(){

                         return groups;

                     }

                     this.addGroup = function(group){

                         groups.push(group);

                         return this;

                     }

                 }

                 //组

                 var group = function(name){

                     this.name = name;

                     var students = new Array();

                     this.getStudents = function(){

                         return students;

                     }

                     this.addStudent = function(student){

                         students.push(student);

                         return this;

                     }

                 }

                 //学生类

                 var student = function(name){

                     this.name = name;

                     this.goToClass = function(){

                         document.write(this.name+" 去上课！")

                     }

                     this.finishClass = function(){

                         document.write(this.name+" 下课！")

                     }

                 }

                 //测试

                 var a = new student("a");

                 var b = new student("b");

                 var c = new student("c");

                 var d = new student("d");

                 var e = new student("e");

                 var f = new student("f");

                 var g = new student("g");

                 var h = new student("h");

                 var one = new classes("一班");

                     var  oneOne = new group("一班一组");

                         oneOne.addStudent(a).addStudent(b);

                     var  oneTwo = new group("一班二组");

                         oneTwo.addStudent(c).addStudent(d);

                     one.addGroup(oneOne).addGroup(oneTwo);

                 var two = new classes("二班");

                     var  twoOne = new group("二班一组");

                         twoOne.addStudent(e).addStudent(f);

                     var  twoTwo = new group("二班二组");

                         twoTwo.addStudent(g).addStudent(h);

                     two.addGroup(twoOne).addGroup(twoTwo);

                 var xuexiao = new school("新学校");

                    xuexiao.addClass(one).addClass(two);

                 //调用  一班一组去上课

                 var classes = xuexiao.getClasses();

                 for(var i=0;i<classes.length;i++){

                     if(classes[i].name == "一班"){

                         for(var j=0;j<classes[i].getGroups().length;j++){

                             if(classes[i].getGroups()[j].name == "一班一组"){

                                 var s = classes[i].getGroups()[j].getStudents();

                                 for(var k=0;k<s.length;k++){

                                     s[k].goToClass();

                                 }

                             }

                         }

                     }

                 }

                 //这种方法不适合业务扩展，效率非常低

             }

 //            demo1();

             /*组合模式：

              * 1.组合模式中把对象分为两种（组合对象和叶子对象）

              * 2.组合对象和叶子对象实现同一批操作

              * 3.对组合对象执行的操作可以向下传递到叶子节点进行操作

              * 4.这样就会弱化类与类之间的耦合

              * 5.常用的手法就是把对象组合成属性结构的对象。

              * 组合是离不开递归的。

              */

         </script>

     </body>

 </html>

JavaScript设计模式-13.组合模式的更多相关文章

  1. JavaScript设计模式之----组合模式

    javascript设计模式之组合模式 介绍 组合模式是一种专门为创建Web上的动态用户界面而量身制定的模式.使用这种模式可以用一条命令在多个对象上激发复杂的或递归的行为.这可以简化粘合性代码,使其更 ...

  2. 再起航，我的学习笔记之JavaScript设计模式15(组合模式)

    组合模式 组合模式(Composite): 又称部分-整体模式,将对象组合成树形结构以表示"部分整体"的层次结构.组合模式使得用户对单个对象和组合对象的使用具有一致性. 如果有一个 ...

  3. JavaScript设计模式(5)-组合模式

    组合模式 1. 适合使用组合模式的条件: 存在一批组织成某种层次体系的对象,如树形结构(具体的结构在开发期间可能无法得知) 希望对这批对象或其中的一部分对象实施一个相同的操作 2. 注意点: 组合对象 ...

  4. JavaScript设计模式-14.组合模式实现

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  5. JS常用的设计模式(13)——组合模式

    组合模式又叫部分-整体模式,它将所有对象组合成树形结构.使得用户只需要操作最上层的接口,就可以对所有成员做相同的操作. 一个再好不过的例子就是jquery对象,大家都知道1个jquery对象其实是一组 ...

  6. 从ES6重新认识JavaScript设计模式(三): 建造者模式

    1 什么是建造者模式? 建造者模式(Builder)是将一个复杂对象的构建层与其表示层相互分离,同样的构建过程可采用不同的表示. 建造者模式的特点是分步构建一个复杂的对象,可以用不同组合或顺序建造出不 ...

  7. C#设计模式(10)——组合模式（Composite Pattern）

    一.引言 在软件开发过程中,我们经常会遇到处理简单对象和复合对象的情况,例如对操作系统中目录的处理就是这样的一个例子,因为目录可以包括单独的文件,也可以包括文件夹,文件夹又是由文件组成的,由于简单对象 ...

  8. c++设计模式15 --组合模式

    今天研究了一下设计模式15 组合模式 本人是菜鸟一枚,所以一开始完全不懂组合究竟是什么意思.先上图一张,树形结构图: 文档说,如果想做出这样的结构,通常考虑组合模式.那是为什么呢?现在让我们看一下组合 ...

  9. 乐在其中设计模式(C#) - 组合模式(Composite Pattern)

    原文:乐在其中设计模式(C#) - 组合模式(Composite Pattern) [索引页][源码下载] 乐在其中设计模式(C#) - 组合模式(Composite Pattern) 作者:weba ...

随机推荐

  1. java并发编程实战：第五章----基础构建模块

    委托是创建线程安全类的一个最有效的策略:只需让现有的线程安全类管理所有的状态即可. 一.同步容器类 1.同步容器类的问题 同步容器类都是线程安全的,容器本身内置的复合操作能够保证原子性,但是当在其上进 ...

  2. 编译语言 vs 解释语言

    编译语言 vs 解释语言 阅读:  评论:  作者:Rybby  日期:  来源:rybby.com 一直以为,编译语言的性能绝对比解释语言快,因为就理论而言,解释语言要一边解释(将脚本语言翻译成计算 ...

  3. CentOS 7 IPv6关闭

    你可以用两个方法做到这个.方法 1编辑文件/etc/sysctl.conf,vi /etc/sysctl.conf添加下面的行:net.ipv6.conf.all.disable_ipv6 =1net ...

  4. Oracle索引技术研究

    Oracle索引类型 B树索引 特定类型索引 确定索引列 主键和唯一键值列的索引 外键索引 其他合适的索引列 B树索引 B树索引算法 B树是指B-tree(Balanced Tree),B树的存在是为 ...

  5. 将引用了第三方jar包的Java项目打包成jar文件的两种方法

    方案一:用Eclipse自带的Export功能 步骤1:准备主清单文件 “MANIFEST.MF”, 由于是打包引用了第三方jar包的Java项目,故需要自定义配置文件MANIFEST.MF,在该项目 ...

  6. jquery控制元素的隐藏和显示的几种方法。

    组织略显凌乱,请耐心看! 使用jquery控制div的显示与隐藏,一句话就能搞定,例如: 1.$("#id").show()表示为display:block, $("#i ...

  7. 清除浏览器缓存meta标签

    <meta http-equiv="Cache-Control" content="no-cache" /> <meta http-equiv ...

  8. cesium编程入门(五)绘制形状

    通过Entity添加形状 先来看一个添加立方体的例子 var viewer = new Cesium.Viewer('cesiumContainer'); var redBox = **viewer. ...

  9. 学习迭代器实现C#异步编程——仿async/await（一）

    .NET 4.5的async/await真是个神奇的东西,巧妙异常以致我不禁对其实现充满好奇,但一直难以窥探其门径.不意间读了此篇强文<Asynchronous Programming in C ...

  10. 解决IIS中Login failed for user 'NT AUTHORITY\ANONYMOUS LOGON'.