柯里化：解鎖 JavaScript 的模組化超能力

目錄

• 介紹
• 柯里化到底是什麼？
• 柯里化逐步指南
• 為什麼要關心柯里化？
• 自動化柯里化（因為壽命太短）
• TypeScript 和柯里化：永遠的朋友
• 關於陷阱的快速說明
• 結論

---

簡介

是否曾經看著你的程式碼並想：「哇，這和我的襪子抽屜一樣井井有條嗎？」好吧，你並不孤單。儘管 JavaScript 有其怪癖和魅力，但它也可能變得混亂。柯里化是一種來自函數式程式設計的神奇技術，它使您的程式碼模組化、可重複使用，而且我敢說很優雅。如果這聽起來像魔法，請繫好安全帶。我們即將潛入。

---

柯里化到底是什麼？

柯里化聽起來像是在廚房裡做的事情，但在 JavaScript 中，它是將具有多個參數的函數轉換為一系列函數的藝術，每個函數都採用一個參數。將其視為將複雜的食譜分解為小步驟。

這是一個簡單的例子：

function multiply(a: number, b: number) {
  return a * b;
}

很酷，對吧？但這個函數需要預先提供兩個參數。如果你還沒準備好同時致力於兩者（誰是，真的嗎？），柯里化可以讓你這樣稱呼它：

const curriedMultiply = (a: number) => (b: number) => a * b;

// Create reusable specialized functions
const double = curriedMultiply(2);
const triple = curriedMultiply(3);

console.log(double(4)); // Output: 8
console.log(triple(4)); // Output: 12

繁榮！現在您可以一次傳遞一個參數，就像組裝三明治一樣。現在您已經看到了一個簡單的柯里化函數，讓我們學習如何一步一步建立。

---

柯里化逐步指南

1. 從多參數函數開始
   假設您有一個帶有多個參數的函數：
   

   function add(a: number, b: number, c: number) {
     return a + b + c;
   }
   

2. 分層包裹
   將其轉換為一系列函數：
   

   const curriedAdd = 
     (a: number) => (b: number) => (c: number) => a + b + c;
   

3. 一次傳遞一個參數
   一次呼叫每一層：
   

   const step1 = curriedAdd(2); // Fixes the first argument (a = 2)
   const step2 = step1(3);      // Fixes the second argument (b = 3)
   const result = step2(4);     // Fixes the third argument (c = 4)
   
   console.log(result);         // Output: 9
   

4. 從彈性中獲益
   現在您有了可重複使用的小步驟，讓您的程式碼更加模組化。

---

為什麼要關心柯里化？

柯里化可能聽起來很花哨，但它有現實世界的好處：

• 模組化：將大函數分解為小的、可測試的部分。
• 可重複使用性：使用現有程式碼建立專門的函數版本。
• 可讀性：你的程式碼變得不言自明，就像一本寫得好的小說（或至少是一本像樣的小說）。

讓我們花點時間記住為什麼可讀性很重要。程式碼不僅僅是為機器編寫的——它們會理解你扔給它們的任何東西。它是為人類寫的－你的同事、未來的你、下一個需要修改它的人。好的程式碼應該旨在易於理解、測試和修改。柯里化透過將邏輯分解為更小、更清晰、一目了然的部分來幫助實現這一目標。

假設您正在過濾物件清單：

function multiply(a: number, b: number) {
  return a * b;
}

或計算稅費：

const curriedMultiply = (a: number) => (b: number) => a * b;

// Create reusable specialized functions
const double = curriedMultiply(2);
const triple = curriedMultiply(3);

console.log(double(4)); // Output: 8
console.log(triple(4)); // Output: 12

每個函數只做一件事，讓您的程式碼更易於閱讀、理解和測試。透過創建更小的、專門的函數，柯里化使複雜的邏輯變得簡單、可重複使用，並且對於以後處理它的人來說是可維護的。

---

自動化柯里化（因為生命太短）

手動輸入所有這些巢狀函數？不，謝謝。讓我們自動化柯里化：

function add(a: number, b: number, c: number) {
  return a + b + c;
}

工作原理如下：

1. 如果參數數量與原始函數匹配，則呼叫函數。
2. 否則，它會傳回一個等待更多參數的新函數。

範例：

const curriedAdd = 
  (a: number) => (b: number) => (c: number) => a + b + c;

它就像一個爭論的自動販賣機：一次放入一個或一次放入所有。

---

TypeScript 和柯里化：永遠的朋友

透過 TypeScript 中的型別安全將柯里化提升到新的水平：

const step1 = curriedAdd(2); // Fixes the first argument (a = 2)
const step2 = step1(3);      // Fixes the second argument (b = 3)
const result = step2(4);     // Fixes the third argument (c = 4)

console.log(result);         // Output: 9

TypeScript 範例：

const filterByKey = (key: string) => (value: any) => (data: any[]) =>
  data.filter((item) => item[key] === value);

// Create a reusable filter for colors
const filterByColor = filterByKey("color");
const redItems = filterByColor("red");

console.log(redItems([{ color: "red" }, { color: "blue" }])); 
// Output: [{ color: "red" }]

您的 IDE 將引導您完成每一步。

---

關於陷阱的快速說明

柯里化函數失去了原來的 this 上下文。如果您需要使用帶有柯里化的類別方法，請使用 .bind(this) 或箭頭函數。

---

結論？

柯里化就像用作弊代碼升級你的程式設計遊戲。透過將函數分解為更小的、可管理的部分，您可以獲得靈活性、可讀性和成就感（或至少減少令人頭痛的調試問題）。無論您是自動化還是手動編寫，柯里化都會將您的程式碼變成一個乾淨的、模組化的強大函式庫。

正如 Haskell Curry（名字背後的人）可能會說的：

「少寫，多做…一次一個論點！」

以上是柯里化：解鎖 JavaScript 的模組化超能力的詳細內容。更多資訊請關注PHP中文網其他相關文章！