<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>Untitled Document</title>

        <script type=text/javascript charset=utf-8 src=../commons/CommonUtil.js ></script>

        <script>

            // 组合模式

            /*

             * 场景模拟：

             *  -> 公司

             *            -> 财务部门

             *                        -> 张一

             *                        -> 张二

             *                        -> 张三

             *            -> 销售部门

             *                        -> 张四

             *                        -> 张五

             *                        -> 张六

             *

             *        实际的任务具体是落实到人上去实施的 也就是说只有人才具有具体的方法实现

             *

             */            

             var Org = function(name){

                  this.name = name ;

                 this.depts = [] ;

             };

             Org.prototype = {

                 constructor:Org ,

                addDepts:function(child){//形参不写数据类型

                    this.depts.push(child);//this一般指的是Org对象

                    return this ;

                } ,

                getDepts:function(){

                    return this.depts;

                }

             };

             var Dept = function(name){

                  this.name = name ;

                 this.persons = [] ;

             };

             Dept.prototype = {

                 constructor:Dept ,

                addPersons: function(child){

                    this.persons.push(child);

                    return this ;

                } ,

                getPersons:function(){

                    return this.persons;

                }

             };

             var Person = function(name){

                  this.name = name ;

             };

             Person.prototype = {

                 constructor : Person ,

                hardworking : function(){

                    document.write(this.name + '...努力工作!');

                } ,

                sleeping : function(){

                    document.write(this.name + '...努力睡觉!');

                }

             };

             var p1 = new Person('张1');

             var p2 = new Person('张2');

             var p3 = new Person('张3');

             var p4 = new Person('张4');

             var p5 = new Person('张5');

             var p6 = new Person('张6');

             var dept1 = new Dept('开发部门');

             dept1.addPersons(p1).addPersons(p2).addPersons(p3);

             var dept2 = new Dept('销售部门');

             dept2.addPersons(p4).addPersons(p5).addPersons(p6);

             var org = new Org('bjsxt');

             org.addDepts(dept1).addDepts(dept2);

             // 需求： 具体的让一个人（张3）去努力工作

             //org.getDepts()

             org.hardworking('开发部门');

             for(var i = 0 ,depts = org.getDepts(); i<depts.length;i++ ){//for循环中也不写数据类型

                    for(var j = 0 ,persons = depts[i].getPersons(); j < persons.length ; j++){

                        if(persons[j].name === '张6'){

                            persons[j].hardworking();

                        }

                    }

             }

        </script>

    </head>

    <body>

    </body>

</html>

js---26组合模式的更多相关文章

  1. js设计模式-组合模式

    组合模式是一种专为创建web上的动态用户界面而量身定制的模式.使用这种模式,可以用一条命令在多个对象上激发复杂的或递归的行为.这可以简化粘合性代码,使其更容易维护,而那些复杂行为则被委托给各个对象. ...

  2. 分享js寄生组合模式继承

    function person(){ this.name = 'taobao'; this.showMess = function(){ return this.name; } } person.pr ...

  3. js架构设计模式——你对MVC、MVP、MVVM 三种组合模式分别有什么样的理解？

    你对MVC.MVP.MVVM 三种组合模式分别有什么样的理解? MVC(Model-View-Controller)MVP(Model-View-Presenter)MVVM(Model-View-V ...

  4. [js高手之路]设计模式系列课程-组合模式+寄生组合继承实战新闻列表

    所谓组合模式,就是把一堆结构分解出来,组成在一起,现实中很多这样的例子,如: 1.肯德基套餐就是一种组合模式, 比如鸡腿堡套餐,一般是是由一个鸡腿堡,一包薯条,一杯可乐等组成的 2.组装的台式机同理, ...

  5. js设计模式（六）---组合模式

    组合模式将对象组合成树形结构,以表示“部分-整体”的层次结构.除了用来表示树形结构之外,组合模式的另一个好处是通过对象的多态性表现,使得用户对单个对象和组合对象的使用具有一致性.基本图例 1.组合模式 ...

  6. JS设计模式（7）组合模式

    什么是组合模式? 定义:1.将对象组合成树形结构以表示"部分-整体"的层次结构.2.组合模式使得用户对单个对象和组合对象的使用具有一致性.3.无须关心对象有多少层,调用时只需在根部 ...

  7. js组合模式

    组合模式(Composite),将对象组合成树形结构以表示‘部分-整体’的层次结构.组合模式使得用户对单个对象和组合对象的使用具有一致性. 透明方式,也就是说在Commponent中声明所有用来管理子 ...

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

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

  9. js设计模式（4）---组合模式

    0.前言 今天是建党节,新疆那边又开始了闹腾.作为立志成为码农的我,现在已经从一个大愤青淡化为一个小愤青,对这些国家民生大事不在血气喷发,转而把经历发泄在技术问题上面,因而在扯一篇随笔吧,把无处发泄的 ...

  10. JS设计模式——9.组合模式

    组合模式概述 组合模式是一种专为创建Web上的动态用户界面量身定制的模式.使用这种模式可以用一条命令在多个对象上激发复杂的递归的行为. 它可以用来把一批子对象组织成树形结构,并且使整棵树都可被遍历.所 ...

随机推荐

  1. Python 生成器 Generator 和迭代器 Iterator

    #最近一周刚开始接触python,基本的语法,和使用特性和Java差别还是蛮大的. 今天接触到Python的迭代器和生成器有点不是很明白,所以搜索了先关资料整理了一些自己的理解和心得 简述(Profi ...

  2. Unity C# 关于设计模式的思考

    一.当你的项目发现有如下问题之一时,就需要考虑重构代码,可能会有某种模式适合. 1.代码无法进行单元测试. 2.需求的变动总是导致代码的变动. 3.有重复代码的存在. 4.继承层次过多. 5.隐藏的依 ...

  3. [Recompose] Pass a React Prop to a Stream in RxJS

    When you declare your Component and Props in JSX, you can pass those props along to your RxJS stream ...

  4. 一起talk C栗子吧（第八十一回：C语言实例--进程停止）

    各位看官们,大家好,上一回中咱们说的是进程相互排斥的样例,这一回咱们说的样例是:进程停止.闲话休提,言归正转. 让我们一起talk C栗子吧! 我们在前面的章回中介绍了怎样创建进程,只是没有介绍停止进 ...

  5. Hive Cilent数据操作

    Hive运行命令方式有cli,jdbc.hwi.beeline.而我们经常使用的往往是cli shell 操作. cli shell hive -help hive --help 注:命令脚本必须在集 ...

  6. (2) 我的结果- spec2006中精确的simulation points运行点

    spec06中获取simpoints的环境说明: spec的版本号为spec2006v1.0; 使用ref input with runspec; 100millions为周期生成的simpoints ...

  7. android 聊天室窗体

    public class MainActivity extends Activity { ScrollView scrollView; Button button; LinearLayout layo ...

  8. JAVA类库LinkList的基本实现

    写完调试了好久,边界不优点理,具体的请看JDK类库,下面仅仅是基本实现: import java.util.Iterator; /** * 类名:MyLinkedList 说明:LinkedList的 ...

  9. 理解FPGA中的RAM、ROM和CAM；ROM、RAM、DRAM、SRAM、FLASH

    目前大多数FPGA都有内嵌的块RAM(Block RAM),可以将其灵活地配置成单端口RAM(DPRAM,Single Port RAM).双端口RAM(DPRAM,Double Ports RAM) ...

  10. C2mini 摄像头添加 到 7832N 录像机方法

    1.在YS7.com 把2个设备全部添加 (录像机也可以通过手机添加) 2.在录像机里添加摄像头 注: 如出现 “未知错误”可能为录像机版本过低造成.