<!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. 05-数据类型转换（bool类型）

  2. 洛谷 P3467 [POI2008]PLA-Postering

    P3467 [POI2008]PLA-Postering 题目描述 All the buildings in the east district of Byteburg were built in a ...

  3. UML 绘图关系

    1 继承         子类继承父类   2 实现         实现类实现接口 3 依赖 (偶然.临时.比较弱关联)     类 A 使用了类 B,如果类 B 产生变化将会影响类A       ...

  4. 为OLED屏添加GUI支持3：字库

    为OLED屏添加GUI支持3:字库 本文博客链接:http://blog.csdn.net/jdh99,作者:jdh,转载请注明. 环境: 主机:WIN10 开发环境:MDK5.13 MCU:STM3 ...

  5. USACO2011 Jan:公司利润

    简要题意: 奶牛开了家公司,已经连续运作了N 天.它们在第i 天获得了Ai元的利润,不过有些天是亏钱的,这种情况下利润就是一个负数.约翰想为它们写个新闻,吹嘘它们的惊人业绩.请你帮助他选出一段连续的日 ...

  6. Object和其他类型的转换

    Object对象是一切类的父类(基类),只要是Object对象,可以强制转换为其他类型.

  7. 解决电信或网通的DNS劫持

    大家有没有碰到访问一些不存在域名或者网站时,浏览器本应显示一个网址不存在之类的信息,但是因为现在很多ISP做了DNS劫持将不存在的域名或网址重定向到ISP的广告页面,烦人的狠.其实tomato可以解决 ...

  8. Centos6.5 安装lamp环境

    转载自:http://www.jb51.net/article/37987.htm (转载请注明出处,谢谢) 准备篇: 1.配置防火墙,开启80端口.3306端口vi /etc/sysconfig/i ...

  9. UESTC 360 Another LCIS

    Another LCIS Time Limit: 1000ms Memory Limit: 65536KB This problem will be judged on UESTC. Original ...

  10. Java 学习（13）：抽象类& 抽象方法& 封装

    目录 --- 抽象类 --- 封装 抽象类: 在面向对象的概念中,所有的对象都是通过类来描绘的,但是反过来,并不是所有的类都是用来描绘对象的,如果一个类中没有包含足够的信息来描绘一个具体的对象,这样的 ...