首頁 | 網頁前端 | 生活紀錄

說明 JavaScript 陣列中會直接修改原始資料的變異方法（reverse、splice、sort），以及 ES2023 新增的非變異替代版本（toReversed、toSpliced、toSorted）。並介紹 Side Effect 概念，補充 flat()、findLastIndex()、Object.groupBy() 等高階函式（Higher-Order Function）的用法。

JavaScript Hard Parts v3

#JavaScript #HigherOrderFunction #PureFunction #frontendMasters #javaScriptTheHardPartsV3

2026-04-2610 分鐘閱讀

箭頭函式（Arrow Function）、匿名函式與 map 方法

比較四種 JavaScript 函式定義語法，說明箭頭函式的簡寫規則與 this 行為差異，介紹匿名函式的使用時機，以及內建 Array.prototype.map 的運作原理與原型鏈基礎。

JavaScript Hard Parts v3

#JavaScript #ArrowFunction #frontendMasters #javaScriptTheHardPartsV3

2026-04-258 分鐘閱讀

JavaScript 一級函式與高階函式（Higher-Order Function）入門

說明 JavaScript 為何能將函式作為值傳遞，介紹一級物件（first-class objects）特性，以及 Higher-Order Function 與 Callback Function 的定義與差異。並以命令式與宣告式風格的對比，說明這些概念為何是理解 Promise 與非同步 JavaScript 的基礎。

JavaScript Hard Parts v3

#JavaScript #frontendMasters #javaScriptTheHardPartsV3 #HigherOrderFunction #Closure

2026-04-244 分鐘閱讀

以 copyArrayAndManipulate 拆解高階函式 (Higher-Order Function) 的執行原理

透過手動實作 copyArrayAndManipulate，拆解 JavaScript 高階函式（Higher-Order Function）將函式作為引數傳遞的機制，並追蹤每次迭代中 Execution Context 與 Call Stack 的完整變化過程。

JavaScript Hard Parts v3

#JavaScript #HigherOrderFunction #ExecutionContext #frontendMasters #javaScriptTheHardPartsV3

2026-04-236 分鐘閱讀

JavaScript 執行上下文與高階函式：從重複程式碼到通用化設計

說明 JavaScript 函式呼叫時建立執行上下文與區域記憶體的機制，並透過違反 DRY 原則的範例，引出高階函式（Higher-Order Function）的設計動機，同時介紹 Side Effect 的概念。

JavaScript Hard Parts v3

#JavaScript #HigherOrderFunction #ExecutionContext #frontendMasters #javaScriptTheHardPartsV3

2026-04-227 分鐘閱讀

JavaScript 的 Higher-Order Functions：從 DRY 到函式作為參數

從 DRY 原則出發，說明 parameter 如何讓函式通用化，再延伸到 Higher-Order Functions：以函式作為 callback 傳入，讓行為在呼叫時才決定——`map`、`filter`、`reduce` 背後的核心機制。

JavaScript Hard Parts v3

#JavaScript #HigherOrderFunction #frontendMasters #javaScriptTheHardPartsV3

1 2 3 4 5