柯里化：解锁 JavaScript 的模块化超能力-js教程-PHP中文网

Currying: Unlocking the Modular Superpower of JavaScript

简介

是否曾经看着你的代码并想：“哇，这和我的袜子抽屉一样井井有条吗？”好吧，你并不孤单。尽管 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

登录后复制

繁荣！现在您可以一次传递一个参数，就像组装三明治一样。现在您已经看到了一个简单的柯里化函数，让我们学习如何一步步构建。

柯里化分步指南

从多参数函数开始
假设您有一个带有多个参数的函数：
```
function add(a: number, b: number, c: number) {
  return a + b + c;
}
```
登录后复制
登录后复制

分层包裹
将其转换为一系列函数：

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

登录后复制

一次传递一个参数
一次调用每一层：

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

登录后复制

从灵活性中获益
现在您有了可重复使用的小步骤，使您的代码更加模块化。

为什么要关心柯里化？

柯里化可能听起来很花哨，但它有现实世界的好处：

模块化：将大函数分解为小的、可测试的部分。
可重用性：使用现有代码创建专门的函数版本。
可读性：你的代码变得不言自明，就像一本写得好的小说（或者至少是一本像样的小说）。

让我们花点时间记住为什么可读性很重要。代码不仅仅是为机器编写的——它们会理解你扔给它们的任何东西。它是为人类编写的——你的同事、未来的你以及下一个需要修改它的人。好的代码应该旨在易于理解、测试和修改。柯里化通过将逻辑分解为更小、更清晰、一目了然的部分来帮助实现这一目标。

假设您正在过滤对象列表：

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;
}

登录后复制

工作原理如下：

如果参数数量与原始函数匹配，则调用该函数。
否则，它返回一个等待更多参数的新函数。

示例：

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 将指导您完成每一步。