掌握 JavaScript 中的柯里化：增強程式碼的可重複使用性和靈活性-js教程-PHP中文網

掌握 JavaScript 中的柯里化：增強程式碼的可重複使用性和靈活性

DDD

發布： 2024-12-24 05:28:18

原創

716 人瀏覽過

Mastering Currying in JavaScript: Enhance Code Reusability and Flexibility

了解 JavaScript 中的柯里化

柯里化是JavaScript中使用的一種函數式程式設計技術，其中帶有多個參數的函數被轉換為一系列函數，每個函數接受一個參數。這允許您部分應用參數，從而提供更靈活的函數處理方式。

1. 什麼是柯里化？

柯里化是將採用多個參數的函數轉換為一系列每個採用單一參數的函數的過程。第一個函數將採用第一個參數，傳回一個採用第二個參數的新函數，依此類推，直到提供所有參數。

柯里化範例：

柯里化的基本範例如下：

function add(a) {
  return function(b) {
    return a + b;
  };
}

const addFive = add(5); // The first function is called with 5
console.log(addFive(3)); // Output: 8 (5 + 3)

登入後複製

在上面的例子中：

add 接受一個參數 a 並傳回一個接受第二個參數 b 的函數。
當您呼叫 add(5) 時，它會傳回一個函數，其中 a 固定為 5。新函數現在採用 b 並將其與 5 相加。

2. 使用多個參數進行柯里化

當您有一個接受多個參數的函數並且您希望將其分解為更小的、可重用的部分時，柯里化最為有用。這是使用多個參數進行柯里化的範例：

使用多個參數進行柯里化的範例：

function multiply(a) {
  return function(b) {
    return function(c) {
      return a * b * c;
    };
  };
}

const multiplyBy2 = multiply(2);  // First argument is fixed as 2
const multiplyBy2And3 = multiplyBy2(3); // Second argument is fixed as 3
console.log(multiplyBy2And3(4)); // Output: 24 (2 * 3 * 4)

登入後複製

在這種情況下：

multip(2) 傳回一個接受 b 的函數。
傳回的函數接受 b 並傳回另一個接受 c 的函數。
當呼叫multiplyBy2And3(4)時，它計算2 * 3 * 4。

3. 柯里化範例：自訂實作

您可以透過建立一個接受多個參數並傳回一個累積這些參數的函數來手動實現柯里化。

自訂柯里函數：

function curry(fn) {
  return function curried(...args) {
    if (args.length >= fn.length) {
      return fn(...args);
    } else {
      return function(...newArgs) {
        return curried(...args, ...newArgs);
      };
    }
  };
}

// Example function
function sum(a, b, c) {
  return a + b + c;
}

const curriedSum = curry(sum);
console.log(curriedSum(1)(2)(3)); // Output: 6

登入後複製

在上面的例子中：

我們建立了一個自訂柯里化函數，可以柯里化任何函數。
sum(1, 2, 3) 被分成多個呼叫： curriedSum(1)(2)(3).

4. 為什麼要用柯里化？

柯里化允許您創建更多可重複使用和可組合的函數。它可以在某些場景下簡化程式碼，並更輕鬆地使用共享公共參數的函數。

柯里化的好處：

部分函數應用：柯里化可以實現函數的部分應用，這意味著您可以透過修復一些參數並讓其他參數稍後提供來建立專門的函數。
函數組合：您可以組合柯里化函數來建立更複雜的操作，而無需重複程式碼。
提高了可讀性：柯里化可以清楚地表明函數需要哪些參數，並允許更清晰、更簡潔的程式碼。

部分函數應用範例：

function add(a) {
  return function(b) {
    return a + b;
  };
}

const addFive = add(5); // The first function is called with 5
console.log(addFive(3)); // Output: 8 (5 + 3)

登入後複製

這裡，multiplyBy10 是一個專門的函數，其第一個參數固定為 10。它可以在多個地方重複使用。

5. 實際範例：使用 API 請求進行柯里化

假設您正在發出一系列具有公共參數的 API 請求。柯里化可以用來簡化這個過程。

function multiply(a) {
  return function(b) {
    return function(c) {
      return a * b * c;
    };
  };
}

const multiplyBy2 = multiply(2);  // First argument is fixed as 2
const multiplyBy2And3 = multiplyBy2(3); // Second argument is fixed as 3
console.log(multiplyBy2And3(4)); // Output: 24 (2 * 3 * 4)

登入後複製

6. 與部分應用的比較

柯里化將函數轉換為一系列一元函數，而部分應用是修復函數的某些參數並返回接受剩餘參數的新函數的過程。柯里化是實現部分應用的一種方法。

部分應用範例：

function curry(fn) {
  return function curried(...args) {
    if (args.length >= fn.length) {
      return fn(...args);
    } else {
      return function(...newArgs) {
        return curried(...args, ...newArgs);
      };
    }
  };
}

// Example function
function sum(a, b, c) {
  return a + b + c;
}

const curriedSum = curry(sum);
console.log(curriedSum(1)(2)(3)); // Output: 6

登入後複製

這裡，我們使用bind()將「Hello」部分套用到greet函數。