JavaScript - 柯里化：初学者指南

你好，有抱负的程序员们！今天，我们将开始一段激动人心的旅程，探索JavaScript的世界，并了解一个名为“柯里化”的概念。如果你之前从未听说过它——别担心——我们将从基础开始，逐步深入。在本教程结束时，你将能够像专业人士一样柯里化函数！

JavaScript - Currying

什么是柯里化？

在我们深入了解如何操作之前，让我们先理解一下柯里化究竟是什么。柯里化是函数式编程中的一种技术，我们将一个接受多个参数的函数转换成一系列函数，每个函数只接受一个参数。

想象你正在做一个三明治。柯里化就像不是一次性放入所有食材，而是一步一步地逐个添加食材。这让你在构建你的“函数三明治”时拥有更多的控制和灵活性。

在JavaScript中实现柯里化

现在，让我们看看如何在JavaScript中实现柯里化。我们将探索两种主要方法：使用闭包和使用bind()方法。

使用闭包实现柯里化

闭包在JavaScript中就像魔法盒子一样，它们能记住它们被创建时的环境。我们可以利用这个超能力来创建柯里化函数。让我们从一个简单的例子开始：

function curry(f) {
return function(a) {
return function(b) {
return f(a, b);
};
};
}

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

let curriedSum = curry(sum);

console.log(curriedSum(2)(3)); // 输出: 5

在这个例子中，curry是一个高阶函数，它接受另一个函数f作为参数。它返回一个新的函数，这个新函数接受第一个参数a，然后返回另一个接受第二个参数b的函数。最后，它用这两个参数调用原始函数f。

让我们一步一步分解：

我们定义了一个curry函数，它将我们的普通函数转换为柯里化函数。
我们有一个简单的sum函数，用于将两个数字相加。
我们通过将sum传递给我们的curry函数来创建一个curriedSum。
当我们调用curriedSum(2)(3)时，它实际上是在做以下操作：

curriedSum(2)返回一个记住2作为第一个参数的函数。
我们立即用(3)调用这个返回的函数，完成操作。

酷吧？就像我们在一步步构建我们的函数调用一样！

使用bind()方法实现柯里化

JavaScript还提供了一个内置方法bind()，我们可以用它来柯里化。bind()方法创建了一个新的函数，当调用时，它的this关键字被设置为提供的值，并且预先设置了给定序列的参数。

让我们看看如何使用bind()进行柯里化：

function multiply(x, y) {
return x * y;
}

let multiplyByTwo = multiply.bind(this, 2);
console.log(multiplyByTwo(4)); // 输出: 8

let multiplyByThree = multiply.bind(this, 3);
console.log(multiplyByThree(4)); // 输出: 12

在这个例子中：

我们从一个简单的multiply函数开始，它接受两个参数。
我们使用bind()创建了一个新的函数multiplyByTwo。2被预设为第一个参数。
当我们调用multiplyByTwo(4)时，它本质上是在调用multiply(2, 4)。
我们以同样的方式创建multiplyByThree，将3预设为第一个参数。

bind()方法允许我们“固定”函数的某些参数，创建一个已经设置好这些参数的新函数。

柯里化的用例

现在我们知道了如何柯里化函数，让我们探索一下为什么我们想要这样做。柯里化在JavaScript中有几个实际应用：

函数组合：柯里化使得函数组合更容易，其中一个函数的输出成为另一个函数的输入。
部分应用：我们可以从更通用的函数中创建专用的函数，就像我们的multiplyByTwo例子。
避免重复：当你发现自己在多次调用一个函数时重复相同的参数，柯里化可以帮助减少重复。
事件处理：在前端开发中，柯里化对于处理带有额外参数的事件很有用。

让我们看一个使用柯里化进行事件处理的实际例子：

function handleClick(message, event) {
console.log(message, event.target);
}

let button = document.getElementById('myButton');
button.addEventListener('click', handleClick.bind(null, '按钮被点击：'));

在这个例子中，我们使用柯里化来给我们的事件处理器传递一个额外的参数。当按钮被点击时，它将输出“按钮被点击：”后跟事件目标。

JavaScript中的柯里化方法

下面是一个总结我们所讨论的JavaScript中柯里化方法的表格：

方法	描述	例子
闭包	使用嵌套函数创建柯里化函数	`function curry(f) { return function(a) { return function(b) { return f(a, b); }; }; }`
bind()	使用bind()方法预设参数	`let multiplyByTwo = multiply.bind(this, 2);`

结论

恭喜你！你已经迈出了进入JavaScript中柯里化世界的第一步。记住，和学习任何新的编程概念一样，实践是关键。尝试创建你自己的柯里化函数，并尝试不同的用例。

柯里化一开始可能看起来有点抽象，但随着你更多地使用它，你会开始看到它如何使你的代码更加灵活和可重用。就像学习使用编程工具箱中的新工具一样——一开始可能感觉有点尴尬，但很快你就会想知道没有它你之前是如何编程的！

继续编码，继续学习，最重要的是，玩得开心！JavaScript是一个充满可能的游乐场，柯里化只是等待你去探索的众多激动人心特性之一。

Credits: Image by storyset