<!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. [leetcode] 9. Binary Tree Level Order Traversal

    跟第七题一样,把最后的输出顺序换一下就行... Given a binary tree, return the level order traversal of its nodes' values. ...

  2. 通过一个例子感受C# 6.0新特性

    微软在Visual Studio 2015中更新C#语言到6.0,添加了很多很好的特性,以使C#语言继续跻身于最优秀语言之行列.下面通过一个例子快速感受一下C# 6.0的新特性,以下程序在VS2015 ...

  3. 在jquery中怎么使用css类名和id来获取元素？

    在jquery中,你可以很容易的使用CSS类名和id类获取元素. 例如: 1.ID:#id $('#idA')——选择id为idA的所有元素,不管元素的标签名如何. $('div#idA')——选择i ...

  4. .NET Framework 历史版本（2017年）

    .NET简介 这个平台相信我们都知道,不过随着技术发展,现在的.NET平台也今非昔比. .NET平台类似Java平台,是微软于2000年推出的Windows操作系统的应用软件开发框架,发展至今形成巨大 ...

  5. C#中==操作符存在的缺陷

    ==操作符因为语法简洁而备受欢迎,但它本身也存在着局限性,比如继承或泛型问题.下面让我们依次来看看吧. 1.==和继承性问题 关于==运算符在继承时存在的问题,我们以String类型为例进行说明. s ...

  6. Regular进阶: 几点性能优化的建议

    本文由作者郑海波授权网易云社区发布. 本文旨在用 20% 的精力解决使用Regular过程中 80% 的性能问题. 这里大部分是关于脏检查的性能优化,不了解的可以先看下<Regular脏检查介绍 ...

  7. sgi stl内存池实现------源码加翻译

    class __default_alloc_template { enum { unit = 8 };//分配单位 后面直接用8代替 enum { max_bytes = 128 };//最大分配字节 ...

  8. HTML防止input回车提交表单

    原链接:https://blog.csdn.net/ligang2585116/article/details/44699567 自动提交情况说明: 1.默认情况下,单个输入框,无论按钮的type=& ...

  9. “全栈2019”Java第八十八章：接口中嵌套接口的应用场景

    难度 初级 学习时间 10分钟 适合人群 零基础 开发语言 Java 开发环境 JDK v11 IntelliJ IDEA v2018.3 文章原文链接 "全栈2019"Java第 ...

  10. [USACO17FEB]Why Did the Cow Cross the Road III P（CDQ分治）

    题意 两列$n$的排列,相同的数连边,如果一对数有交叉且差的绝对值$>k$,则$++ans$,求$ans$ 题解 可以把每一个数字看成一个三元组$(x,y,z)$,其中$x$表示在第一列的位置, ...