<!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. Tips and Examples Using FNDLOAD (DOC ID 735338.1)

    In this Document Goal Solution Some Tips About FNDLOAD Some sample examples Diagnostics & Utilit ...

  2. Spring AOP详解（转载）

    此前对于AOP的使用仅限于声明式事务,除此之外在实际开发中也没有遇到过与之相关的问题.最近项目中遇到了以下几点需求,仔细思考之后,觉得采用AOP 来解决.一方面是为了以更加灵活的方式来解决问题,另一方 ...

  3. .net core webapi 定义多版本与 Swagger 的文档输出

    前提: 需要nuget  以下两个程序集 Swashbuckle.AspNetCore 我暂时用的是  4.01: Microsoft.AspNetCore.Mvc.Versioning.ApiExp ...

  4. 解决ImageCropperComponent发布报错

    ng serve可以正常运行,npm run build 就会报错: ERROR in : Type ImageCropperComponent in -/node_modules/ng2-img-c ...

  5. spring的父子上下文容器及配置

    本文由作者张远道授权网易云社区发布. spring父子容器 spring总的上下文容器有父子之分.父容器和子容器.父容器对子容器可见,子容器对父容器不可见. 对于传统的spring mvc来说,spr ...

  6. dokcer 的export 、improt和save 、load

    export .improt 是对容器操作也就是类似于虚拟机的快照 save .load 是针对于镜像操作的..

  7. django系列8.1--django的中间件01 自定义中间件的5个方法

    一.Django中的中间件 Django中间件定义: Middleware is a framework of hooks into Django's request/response process ...

  8. Web Api 内部数据思考 和 利用http缓存优化 Api

    在上篇<Web Api 端点设计 与 Oauth>后,接着我们思考Web Api 的内部数据: 其他文章:<API接口安全加强设计方法> 第一  实际使用应该返回怎样的数据 ? ...

  9. 在线编辑器Ckeditor （2） - php （31）

    接上一篇 3 in-page(页内)配置,在使用Ckeditor的界面里进行直接配置 页内配置 效果 特点:配置项完全属于某个特定的Ckeditor实例,不可重用 三种配置方式比较 定制方式 特点 说 ...

  10. clickonce联机模式

    发布时选择该程序只能联机使用,这样本地就不会进行安装. 参考地址:https://blog.csdn.net/dqs78833488/article/details/52513948