JavaScript 組合模式

2021-06-16 10:40:57 字數 838 閱讀 1853

如果您在通讀單例模式一節後,認為「嗨,這很簡單」,那麼不要著急,我還有一些更加複雜的模式要討論,其中乙個就是組合模式。 組合,顧名思義是指用包含多個部件的物件建立單一實體。 這個單一實體將用作所有這些部件的訪問點,雖然這大大簡化了操作,但也可能具有相當的欺騙性,因為沒有哪種隱性方式明確表明該組合包含多少部件。

組合結構

我們最好使用例證解說組合。 在圖 1 中,您可以看到兩種不同型別的物件: 容器和庫是組合,影象是葉片。 組合可承載子項,但一般不會實施更多行為。 葉片包含絕大多數行為,但不能承載子項,至少在傳統的組合示例中不可以。

圖 1. 組合結構

另乙個示例,我本人百分百確定您之前見到過組合模式,但從未真正進行深入思考。 計算機檔案結構是組合模式的乙個例項。 如果您刪除某個資料夾,也將刪除該資料夾的所有內容,是嗎? 這實質上就是組合模式執行原理。 您可以呼叫結構樹上較高層次的組合物件,訊息將沿這一層次結構向下傳輸。

組合編碼示例

此示例建立庫,將其作為組合模式示例。 只有三個層次: **、庫和影象。 **和庫將作為組合,影象是葉片,如圖 1 所示。這是一種比組合本身需求更加明確的結構,但對於本示例而言,將這些層次僅限制為組合或葉片很有意義。 標準組合不會限制哪些結構層次可以具有葉片,也不會限制葉片數量。

要開始操作,應首先建立用於**和庫的 gallerycomposite「類」。 請注意,我正在使用 jquery 執行 dom 操作以簡化過程。

JavaScript 繼承 組合繼承

繼承 組合繼承 組合繼承也叫做偽經典繼承,指的是將原型鏈和借用建構函式的技術組合到一塊,從而發揮二者之長的一種繼承模式。組合繼承的基本思路是使用原型鏈實現對原型屬性和和方法的繼承,而通過借用建構函式來實現對例項屬性的繼承。組合繼承通過在原型上定義方法實現了函式復用,又能夠保證每個例項都有它自己的屬性...

javascript 組合總和LeetCod 39

給定乙個無重複元素的陣列 candidates 和乙個目標數 target 找出 candidates 中所有可以使數字和為 target 的組合。candidates 中的數字可以無限制重複被選取。說明 所有數字 包括 target 都是正整數。解集不能包含重複的組合。示例 1 輸入 candid...

javascript的組合繼承

需要先說明一點,這篇部落格是基於高程來寫的,這裡只是加上自己的理解而已。function supertype supertype.prototype.sayname function function subtype subtype.prototype new supertype var insta...