iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
JavaScript

30天的 JavaScript 設計模式之旅 系列

「30天的 JavaScript 設計模式之旅」 將帶大家逐步探索各種 JavaScript 設計模式,每天學習一種新模式或概念,從基礎到實際應用。本系列圍繞《JavaScript 設計模式學習手冊 第二版》及其他網路資源,涵蓋經典模式如 Module、Singleton、Observer 等。每篇文章提供簡潔的解釋與程式碼範例,幫助讀者理解模式要解決的問題、實現方式及優缺點。希望透過這次旅程,讓大家擁有更多元的解決方案,並對程式碼設計有更深入的理解。

參賽天數 12 天 | 共 12 篇文章 | 5 人訂閱 訂閱系列文 RSS系列文
DAY 1

[Day 01] 系列文動機與大綱

嗨大家好!我是 Monica,第一天來講講系列文動機與大綱,談談未來的內容規劃。 關於分享主題 一直想嘗試看看鐵人賽,但苦於找不到文章主題,後來想說既然前陣子...

2024-09-15 ‧ 由 Monica 分享
DAY 2

[Day 02] 設計模式簡介

設計模式是什麼 設計模式(design pattern)的概念起源於建築師 Christopher Alexander,他記錄了解決設計問題的經驗,隨後與 S...

2024-09-16 ‧ 由 Monica 分享
DAY 3

[Day 03] Module 模式

今天要來介紹 Module 模式,Module 模式是 GoF 提出的模式之一,我會以 JavaScript 為主要程式語言來說明以及舉例,並盡量以情境(co...

2024-09-17 ‧ 由 Monica 分享
DAY 4

[Day 04] Revealing Module 模式

Revealing Module (闡明模組)模式其實可算是 Module 模式的進階版本,Revealing Module 是由 Christian Hei...

2024-09-18 ‧ 由 Monica 分享
DAY 5

[Day 05] Singleton 模式

在 Day 3 Module 模式有短暫提及 Singleton 這個詞彙,今天就來看看 Singleton 模式是什麼吧!Singleton 模式也是 Go...

2024-09-19 ‧ 由 Monica 分享
DAY 6

[Day 06] Prototype 模式

今天要介紹的是 Prototype 模式,這是 GoF 提出的模式之一。 情境 在軟體開發中,有些物件具有高相似度,或是使用的方法、功能類似,開發者需要一種方...

2024-09-20 ‧ 由 Monica 分享
DAY 7

[Day 07] Factory 模式

今天要介紹的是 Factory 模式,也是 GoF 提及的模式之一。 情境 在軟體開發時,有時需要建立物件,但建立物件的過程可能非常複雜或需要大量配置,需要在...

2024-09-21 ‧ 由 Monica 分享
DAY 8

[Day 08] Facade 模式

今天要介紹的是 Facade 模式,這也是 GoF 提出的模式之一。 情境 在軟體開發中,隨著時間推移系統會變得越來越複雜,系統內會包含多層次的模組或子系統/...

2024-09-22 ‧ 由 Monica 分享
DAY 9

[Day 09] Decorator 模式

今天要介紹的是 Decorator 模式,這也是 GoF 提出的模式之一。 情境 在軟體開發時,有時會遇到一個類別需要在執行階段時增加額外的功能,但同時又希望...

2024-09-23 ‧ 由 Monica 分享
DAY 10

[Day 10] Flyweight 模式

今天要介紹的是 Flyweight 模式,這也是 GoF 提出的模式之一。 情境 當開發者正在開發應用程式時,發現需要建立大量物件,例如大量視覺元素物件、ic...

2024-09-24 ‧ 由 Monica 分享