2. 程式人生 > >js---26組合模式

js---26組合模式

阿新 • • 發佈：2017-05-21
pan col utf-8 led head ons javascrip public 方法 

<!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組合模式

相關推薦

js---26組合模式

pan col utf-8 led head ons javascrip public 方法 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.d

js設計模式（六）---組合模式

結構 性能 文件 樹形結構 add err 添加 scan ice 　　組合模式將對象組合成樹形結構，以表示“部分-整體”的層次結構。除了用來表示樹形結構之外，組合模式的另一個好處是通過對象的多態性表現，使得用戶對單個對象和組合對象的使用具有一致性。基本圖例 1、組合模

設計模式之組合模式

asp fast 基本 class prototype getch pro 通用 -i 設計模式之組合模式 Oct 19, 2015 組合模式（Composite）將對象組合成樹形結構以表示“部分-整體”的層次結構，組合模式使得用戶對單個對象和組合對象的使用具有一致性。

PHP面向對象之訪問者模式+組合模式

arm rri car diff 抽象方法 parent 運行 arr accept 　　因為原文中延續了組合模式的代碼示例來講訪問者模式 所以這裏就合並一起來復習了。但主要還是講訪問者模式。顧名思義這個模式會有一個訪問者類（就像近期的熱播劇“人民的名義”中的檢查官，跑到到

js39---組合模式，查找遍歷樹

arr div composite ini 2個 需求 沒有 error nts /** *有這樣一個需求 *有一個學校有2個班(一班,二班) *每個班級分2個小組(一班一組,一班二組,二班一組,二班二組) *學校計算機教室有限,每一個小組分著來上課. *考試的

漫談設計模式之組合模式

設計模式 組合模式一、什麽是設計模式、為什麽要使用它 對設計模式的解釋有很多，在這裏我按個人的理解闡述一下。設計模式就是一些常見問題的優秀實踐，一套按面向接口嚴格實現的優秀方法，是經過實踐認證的、高效的、解耦的解決方案。那麽為什麽要使用它，一個設計模式定義了一個問題、定義了一個解決方案、是經過測試的、能

JS之工廠模式

zhang 調用 round obj script 自己的 作用 div () 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-

組合模式（Composite）

rem for remove 安全 tco fin trac roo 問題 組合模式：將對象組合成樹形結構以表示‘部分-整體’的層次結構。組合模式使得用戶對單個對象和組合對象的使用具有一致性。 public abstract class Company {

面向對象編程思想-組合模式

name children 子類 樹葉 例子 ges n) 編程 管理系統 一、引言 在軟件開發中，我們經常會遇到處理簡單對象和復合對象的情況，例如操作系統中文件目錄的處理，目錄可以包含單獨的文件，也可以包括文件夾，而文件夾裏又包含著文件，如此遞歸下去或者說是分級數據結構。

JAVA設計模式：組合模式

層次結構 lines end fadein java trac 抽象類 ddc 單個 組合（總體與部分關系）模式:將不同可是相關的對象組合成樹形結構以實現“部分-總體”的層次結構，使得用戶對單個對象和組合對象的使用具有一致性。 * 模式角色組成：

設計模式之八：組合模式(Composite Pattern)

數據結構 log ide ase 統一 etc 方法 可能 模式 什麽是組合模式呢？簡單來說組合模式就是將對象合成樹形結構以表示“部分整體”的層次結構，組合模式使用戶對單個對象和組合對象使用具有一致性。 組合模式（Composite Pattern）有時

組合模式（遍歷樹）

用戶 麻煩 -- 層次 沒有 結構型 類型 葉子節點 對待 組合模式多個對象形成樹形結構以表示“整體--部分”的結構層次。組合模式對單個對象（即葉子對象）和組合對象（即容器對象）的使用具有一致性。 組合模式又可以稱為“合成模式“ 或 ”整體-部

設計模式之組合模式 Composite

new private none 結點 strac protected () ati osi 代碼實現 //Component（抽象構件）：抽象構件中定義了葉子和容器構件的共同點。比如，有公共的添加刪除葉子功能，有顯示節點功能。 public abstrac

js 觀察者模式

書寫方式 發生 ray call blog return bsp args span 觀察者模式定義一種一對多的關系，多個觀察者訂閱一個主題對象，當主題對象發生改變的時候通知所有觀察者，使他們能實現更新。 具體實現方式: 定義一個被觀察對象，定義一個主題數組，觀察者訂閱主題

JS命名空間模式解析

ges 註入 概率 .com pro html 變量 dia log 簡介 在SF上看到這樣一個提問： 如題，因為不得已的原因，需要寫若幹個全局函數。但又不想這樣： window.a = function(){} window.b = function(){}

十四、組合模式

ech 是把 new 代碼 say arr 類對象 static osi 組合模式，顧名思義就是把多個功能相似的對象組合在一起就像是一個對象的功能一樣，代碼如下： package test; import java.util.ArrayList; import java

設計模式（十四）——組合模式

其他 獲取 添加 http es2017 處理方式 src 所有 alt 1.描述 將對象組合成樹形結構一以表示“部分——整體”的層次結構。組合模式使用戶對單個對象和組合對象的使用具有一致性。 2.模式的使用 ·抽象組件(Component)：是一個接口或抽象類，該接口定義

（@WhiteTaken）設計模式學習——組合模式

合成 concrete cnblogs java mil 使用 for -- 總公司 下面來學習一下組合模式。 組合模式概念是什麽呢。從別的地方抄來了一些理論。 理論：將對象組合成樹形結構以表示“部分-整體”的層次結構。Composite模式使得用戶對單個對象和組合對象的使

大戰設計模式【13】—— 組合模式

component 二叉樹 whole 全部 通過 節點 十分 基礎 進行 組合模式（Composite） 設計模式使用的例子https://github.com/LinkinStars/DesignPatternsAllExample 一、定義 組合多個

組合模式 Composite

ech protected des end fun etc httpd arc trac 將對象組合成樹形結構以表示整體-部分的層次結構,組合模式使得用戶對單個對象和組合對象的使用具有一致性. UML: 示例代碼:透明組合:葉節點和子節點具有相同的接口 abstract