iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
JavaScript

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

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

鐵人鍊成 | 共 30 篇文章 | 21 人訂閱 訂閱系列文 RSS系列文
DAY 11

[Day 11] Observer 模式

今天要介紹的是 Observer 模式,這是 Gof 提出的模式之一,屬於行為型設計模式,這也是目前為止我覺得可以延伸最多應用案例的模式~ 情境 在一個應用程...

2024-09-25 ‧ 由 Monica 分享
DAY 12

[Day 12] Publish/Subscribe 模式

延續昨天提到的 Observer 模式,今天要介紹的是與 Observer 十分相似的延伸版,即 Publish/Subscribe 模式。GoF 一書中提到...

2024-09-26 ‧ 由 Monica 分享
DAY 13

[Day 13] Mediator 模式

今天要介紹的是 Mediator 模式,屬於 GoF 定義的行為型模式之一。 情境 在複雜的前端應用程式中,當模組或元件逐漸增加,各元件間的互動會變得更複雜,...

2024-09-27 ‧ 由 Monica 分享
DAY 14

[Day 14] Command 模式

今天要介紹的是 Command 模式,這是 GoF 定義的行為型模式之一。 情境 開發複雜應用程式時,開發者會需要一個靈活的架構來處理各種操作或功能,這些操作...

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

[Day 15] Proxy 模式

今天要介紹的是 Proxy 模式,這也是 GoF 在書中提及的設計模式之一,屬於結構型的設計模式,不過《JavaScript 設計模式學習手冊 第二版》這本書...

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

[Day 16] MVC 模式

今天要介紹的是 MVC 模式,這和之前介紹的模式有點不同,在 GoF 書中,他們認為沒有將 MVC 稱為設計模式,而是視為一組用來建構 UI 的類別,他們認為...

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

[Day 17] Promise 模式

今天要介紹的是 Promise 模式,在前端應用中,有很多需要進行非同步處理的場景,最常見的就是向後端發送 API 請求以取得資料,而這種發送請求的任務因為通...

2024-10-01 ‧ 由 Monica 分享
DAY 18

[Day 18] 命名空間化模式

今天要介紹的是命名空間化模式🧐 什麼是命名空間 《JavaScript 設計模式學習手冊 第二版》作者 Addy Osmani 在書中敘述命名空間(names...

2024-10-02 ‧ 由 Monica 分享
DAY 19

[Day 19] HOC 模式

接下來幾天會介紹幾個 React 的設計模式,介紹模式時不會說明太多 React 基礎概念,如果對 React 不熟悉的推薦可以讀我之前的筆記文章~今天要介紹...

2024-10-03 ‧ 由 Monica 分享
DAY 20

[Day 20] Render Props 模式

今天要介紹的是 Render Props 模式,這也屬於 React 的模式之一。 Render Props 是什麼 Render Props 的目的類似 H...

2024-10-04 ‧ 由 Monica 分享