<!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. 【转】C# HttpWebRequest提交数据方式

    [转]C# HttpWebRequest提交数据方式 HttpWebRequest和HttpWebResponse类是用于发送和接收HTTP数据的最好选择.它们支持一系列有用的属性.这两个类位 于Sy ...

  2. 13 hbase源码系列（十三）缓存机制MemStore与Block Cache

    这一章讲hbase的缓存机制,这里面涉及的内容也是比较多,呵呵,我理解中的缓存是保存在内存中的特定的便于检索的数据结构就是缓存. 之前在讲put的时候,put是被添加到Store里面,这个Store是 ...

  3. ZooKeeper 配置注意事项 zoo.cfg

    一    平台 二    软件环境         1)  JDK 1.6 以上 (最好1.7 Hadoop 某一项安装时候需要 1.7)         2)  至少 3 个节点    (2m +1 ...

  4. Lesson 1 Basic Concepts: Part 3

    A cheaper option Some people may not want to buy a domain or pay for hosting because they only have ...

  5. C/C++(C++类与对象)

    构造器(constructor) 1.与类名相同,无返回,被系统生成对象时自动调用,用于初始化. 2.可以有参数,构造器的重载,有默认参数.重载和默认参数不能同时出现,但是一定要包含标配(无参数的构造 ...

  6. Zabbix钉钉小机器人报警

    1.下载钉钉所需要的脚本golang-zabbix-robot-64,浏览器访问https://www.appgao.com/files/192.html: 图一    脚本下载 2.将脚本路径添加到 ...

  7. b模式处理文件

    1.读 f=open('cheng','rb') date=f.read() print(date.decode()) 2.写 f=open('cheng','ab') f.write('chengz ...

  8. vue踩坑- 报错npm ERR! cb() never called!

    在vue项目中引入饿了么elementUI组件的步骤之中,出现以下的错误: D:\my-project-first>npm i element-ui -S Unhandled rejection ...

  9. HOJ——T 1867 经理的烦恼

    http://acm.hit.edu.cn/hoj/problem/view?id=1867 Source : HCPC 2005 Spring   Time limit : 2 sec   Memo ...

  10. CODEVS——T1052 地鼠游戏

     http://codevs.cn/problem/1052/  时间限制: 1 s  空间限制: 128000 KB  题目等级 : 钻石 Diamond 题解  查看运行结果     题目描述 D ...