1. 程式人生 > >【設計模式】module模式&&Revealing module (揭示)模式

【設計模式】module模式&&Revealing module (揭示)模式

但是 出版 參數傳遞 9.png 自然 指向 們的 private 初級

寫在前面

《head first設計模式》裏有一篇文章,是說使用模式的心智,

  1、初學者"心智" :"我要為HELLO WORLD找個模式"

  2、中級人員模式: "或許這裏我需要一個單件模式"

  3、悟道者心智:"在這裏使用一個裝飾者模式相當自然"

  but,but,but,不學,連初學者都不算吶...

  先了解一下設計模式的起源吧:

    >>>設計模式的起源就比較有意思了,設計模式最初起源於奧地利維也納的一個土木工程師克裏斯托弗·亞歷山大,模式語言最早是為了解決復雜工程項目而創立的,30年前,軟件開發工程師們的開始把亞歷山大編寫的設計原則納入首個設計模式的文檔中。

    >>>1995年,出版了《設計模式:可復用面向對象軟件的基礎》,就這樣經過開發工程師們的經驗的總結與使用,成長成為今天的設計模式,已經得到了廣泛的使用,是初級開發人員改進編程技巧的指南。

  那麽就先為我們的hello world找個模式吧 【罒ω罒】...

Module(模塊)模式

  模塊是任何強大的應用程序框架中不可或缺的一部分,也是在程序框架中應用比較廣泛的模式,他幫助我們清楚的分離組織項目中代碼單元

  在module模式中,,可以使一個對象擁有共有/私有方法和變量,從而屏蔽來自全局作用域的特殊部分

  技術分享

  我們來一艘卡通版的module~

  技術分享

相信聰明的你已經觀察出來了,在module模式中,有兩個重要的點就是公有私有 ,

module模式提供了一種混合公有/私有方法和變量的方式,防止其泄露至全局作用域,並與別的開發人員接口發生沖突,

通過該模式,只需返回一個公有的API,而其他的一切都維持在私有閉包裏。

  我們來寫一個簡單的示例:<通過module模式實現一個購物車>

  技術分享

在module模式中,我們註意到了,我們返回了一個object對象。他會自動賦值給basketModule,以便我們可以與他交互.

我們的函數能夠享有私有函數的自由,因為他們不會暴露於頁面的其他部分,

  技術分享

  當我們試著輸出console.log(basket) ,發現不能正常工作,因為basket只存在basketModule閉包的作用域中,而不是存在於返回的公有對象裏。

Module模式變化

1、引入混入

  模式的引入混入變化演示了全局變量如何作為參數傳遞給模塊的匿名函數,如果你想在你的模式中使用jQuery或者underscore等等中的方法

  技術分享

  通過全局變量(jQuery、underscore)傳遞參數給模塊的方式來使用全局變量中的方法。

2、引出

  我們聲明一個全局變量,而不需要使用他。然後接下來你用樣可以使用引入混入的方法引入該全局變量
  技術分享

  我們在控制臺輸出myModule,裏面已經存在了一公有變量和方法,
  但是module,privateVariable、privateMethod對外仍然是不可見的,這樣也保持了全局變量的純潔性

Revealing module(揭示)模式

我們理解了module模式之後,我們來看一個稍有改進的版本 — —Revealing module模式:

Revealing module的關鍵在於:將暴露的公有指針指向私有函數和屬性上

技術分享

Heilmann創建的這種改進版的module模式,可以使腳本語法更加一致。在模板代碼的底部,他很容易指出哪些函數和變量可以被公開訪問,從而改善可讀性

但是Revealing module 相比 module模式創建的模塊更加脆弱,所以使用時應特別小心(ヽ( ̄▽ ̄)?,hey,我會註意)

寫在後面

  module模式的優勢是很明顯的,它支持私有數據,在module模式中代碼的公有部分能夠接觸私有部分,而外界無法接觸類的私有部分。

  那麽module模式有哪些缺點呢?由於我們訪問公有和私有成員的方式不同,當我們想要改變可見性時,我們就需要修改每一個曾經使用過該成員的地方。還有其他的一些缺點

  雖然如此module仍然是相當有用的,肯定能改進應用程序的結構。

  技術分享

參考書籍:

  《JavaScript設計模式》
  《head first設計模式》

  技術分享

【設計模式】module模式&&Revealing module (揭示)模式