「30天的 JavaScript 設計模式之旅」 將帶大家逐步探索各種 JavaScript 設計模式,每天學習一種新模式或概念,從基礎到實際應用。本系列圍繞《JavaScript 設計模式學習手冊 第二版》及其他網路資源,涵蓋經典模式如 Module、Singleton、Observer 等。每篇文章提供簡潔的解釋與程式碼範例,幫助讀者理解模式要解決的問題、實現方式及優缺點。希望透過這次旅程,讓大家擁有更多元的解決方案,並對程式碼設計有更深入的理解。
嗨大家好!我是 Monica,第一天來講講系列文動機與大綱,談談未來的內容規劃。 關於分享主題 一直想嘗試看看鐵人賽,但苦於找不到文章主題,後來想說既然前陣子...
設計模式是什麼 設計模式(design pattern)的概念起源於建築師 Christopher Alexander,他記錄了解決設計問題的經驗,隨後與 S...
今天要來介紹 Module 模式,Module 模式是 GoF 提出的模式之一,我會以 JavaScript 為主要程式語言來說明以及舉例,並盡量以情境(co...
Revealing Module (闡明模組)模式其實可算是 Module 模式的進階版本,Revealing Module 是由 Christian Hei...
在 Day 3 Module 模式有短暫提及 Singleton 這個詞彙,今天就來看看 Singleton 模式是什麼吧!Singleton 模式也是 Go...
今天要介紹的是 Prototype 模式,這是 GoF 提出的模式之一。 情境 在軟體開發中,有些物件具有高相似度,或是使用的方法、功能類似,開發者需要一種方...
今天要介紹的是 Factory 模式,也是 GoF 提及的模式之一。 情境 在軟體開發時,有時需要建立物件,但建立物件的過程可能非常複雜或需要大量配置,需要在...
今天要介紹的是 Facade 模式,這也是 GoF 提出的模式之一。 情境 在軟體開發中,隨著時間推移系統會變得越來越複雜,系統內會包含多層次的模組或子系統/...
今天要介紹的是 Decorator 模式,這也是 GoF 提出的模式之一。 情境 在軟體開發時,有時會遇到一個類別需要在執行階段時增加額外的功能,但同時又希望...
今天要介紹的是 Flyweight 模式,這也是 GoF 提出的模式之一。 情境 當開發者正在開發應用程式時,發現需要建立大量物件,例如大量視覺元素物件、ic...