<!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. 转：css实现强制不换行/自动换行/强制换行

    css实现强制不换行/自动换行/强制换行 [日期:2007-08-22] 来源:  作者: [字体:大 中 小] 强制不换行 div{ white-space:nowrap;} 自动换行 div{  ...

  2. MySQL—练习2

    参考链接:https://www.cnblogs.com/edisonchou/p/3878135.html   感谢博主 https://blog.csdn.net/flycat296/articl ...

  3. 18-11-1 Scrum Meeting 4

    1.会议照片 2.每人的工作 昨天完成的工作 完成测验页面,完善表单验证 完成制定计划,修改计划 关联单词数据,英语单词数据准备 今日计划工作 英文单词的图片准备 完善测验功能 3.项目燃尽图 前端页 ...

  4. Github注册及心得

    注册Github流程: 1.搜索www.github.com 2.有两个按钮sign up(注册).sign in(登入)

  5. [转载]SQL Server行列转换实现

    可以用聚合函数配合CASE语句实现 PIVOT的一般语法是:PIVOT(聚合函数(列) FOR 列 in (…) )AS P 完整语法: table_source PIVOT( 聚合函数(value_ ...

  6. windows服务安装记录

    首先打开cmd. 进入这个地址 C:\Windows\Microsoft.NET\Framework\v4.0.30319 执行操作  InstallUtil.exe E:\QueueWinServi ...

  7. ZENCART 菜鸟找人一起学习

    ZENCART 是一个很强大的外贸CMS程序. 现在刚开始学习,虽然晚了五年…… 有兴趣的朋友加群一起学习交流吧 学习论坛: http://www.zencart-bbs.com/thread-htm ...

  8. [翻译]pytest测试框架（一）

    此文已由作者吴琪惠授权网易云社区发布. 欢迎访问网易云社区,了解更多网易技术产品运营经验. 纯官网译文而已... pytest是一个成熟的.全功能的python测试工具. pytest框架编写测试用例 ...

  9. pageadmin 网站建设系统如何新建进程池并在站点中使用

    1.打开iis管理界面,右键应用程序池,点击添加应用程序池,添加界面如下图,注意pageadmin cms net版本选择4.0,托管模式建议选择集成模式. 2.添加完毕后,在网站中点击对应站点,点击 ...

  10. Delphi XE7中开发安卓程序一些有用的帮助资源

    说明:要想看到下面资源,打开帮助后,在搜索里面输入URL最后一部分,如果最后带“.html”,则把它删除,随后搜索一下,就看到了. 例如:想看下面的FireMonkey类关系图,只在搜索里面输入&qu ...