函数柯里化，不是魔法，揭秘其中的原理和用途

函数柯里化，顾名思义，就是将一个函数拆分成多个小函数的过程。这种拆分过程可以让我们更轻松地处理复杂函数，并提高代码的可读性和可维护性。

在JavaScript中，我们可以使用闭包来实现函数柯里化。闭包是指函数内部可以访问其外部作用域的变量，即使该函数已经执行完毕。这意味着，我们可以将函数的第一个参数作为闭包变量存储起来，并在需要的时候再使用它。

举个例子，我们有一个函数 add，它接受两个参数并返回它们的和。我们可以使用闭包将 add 函数柯里化如下：

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

const add_10 = add.bind(null, 10);

console.log(add_10(20)); // 30

在这个例子中，我们首先定义了 add 函数，它接受两个参数并返回它们的和。然后，我们使用 bind 方法将 add 函数柯里化，并将第一个参数 10 绑定到该函数。最后，我们调用 add_10 函数，并传入第二个参数 20。由于 add_10 函数已经将第一个参数 10 绑定到了函数内部，因此我们只需要传入第二个参数即可。

函数柯里化有很多实际应用场景，其中之一就是标签判断。在Vue中，我们可以使用柯里化函数来判断元素是否匹配给定的标签名。例如，我们可以使用以下函数来判断元素是否为 <div> 标签：

const isDiv = (element) => {
  return element.tagName === 'DIV';
};

然后，我们可以使用 isDiv 函数来过滤元素列表，并只保留 <div> 标签。例如：

const elements = document.querySelectorAll('*');
const divs = Array.from(elements).filter(isDiv);

函数柯里化还经常用于面试题中。例如，以下面试题要求你实现一个函数，该函数接受一个数组和一个函数作为参数，并返回一个新数组，其中每个元素都是原数组中元素应用给定函数后的结果。

const map = (array, fn) => {
  return array.map(fn);
};

我们可以使用柯里化函数来简化这个实现。首先，我们定义一个 map 函数，它接受一个数组作为参数，并返回一个新函数。这个新函数接受一个函数作为参数，并返回一个新数组，其中每个元素都是原数组中元素应用给定函数后的结果。然后，我们就可以使用 map 函数来调用 fn 函数，并得到所需的新数组。

const map = (array) => {
  return (fn) => {
    return array.map(fn);
  };
};

const numbers = [1, 2, 3, 4, 5];
const doubledNumbers = map(numbers)((n) => n * 2);

console.log(doubledNumbers); // [2, 4, 6, 8, 10]

函数柯里化是一种强大的编程技巧，它可以让我们更轻松地处理复杂函数，并提高代码的可读性和可维护性。在JavaScript中，我们可以使用闭包来实现函数柯里化，并将其应用于各种场景，如标签判断和面试题。