如何实现 var a = add(2)(3); //5

在 JavaScript 中，当我们调用一个函数时，可以使用括号传递参数。但是，如果我们想要实现一种类似于 var a = add(2)(3); 的写法，该怎么做呢？

闭包和柯里化

为了理解这个问题，我们需要先了解两个概念：闭包和柯里化（currying）。

闭包

闭包指的是能够访问其词法作用域外部变量的函数。换句话说，它可以“记住”创建它的环境（作用域）中的变量。考虑以下代码：

-- -------------------- ---- -------
-------- ------- -
  ----- ------- - --------

  -------- ------- -
    ---------------------
  -

  ------ ------
-

----- ---- - --------
------- -- -- -------
展开代码

在这个例子中，inner 函数被定义在 outer 函数内部，并返回到外部。当我们通过 outer() 来调用 func 时，它仍然可以访问 message 变量，因为它是闭合在 outer 函数中的。

柯里化

柯里化是指将接受多个参数的函数转化为接受一个单一参数（最初函数的第一个参数）并返回接受剩余参数且返回结果的新函数的过程。例如，下面是一个简单的柯里化函数：

function add(x) {
  return function(y) {
    return x + y;
  };
}

const addTwo = add(2);
console.log(addTwo(3)); // 输出 5

在这个例子中，add 函数接受一个 x 参数并返回一个新函数，该新函数接受一个 y 参数并返回 x + y 的结果。我们可以通过传递 2 给 add 函数来创建一个仅接受 y 参数的新函数，并将其存储在 addTwo 变量中。然后我们可以使用 addTwo 来计算 2 + 3 并输出结果 5。

实现 add 函数

现在我们已经了解了闭包和柯里化，我们可以使用它们来实现 var a = add(2)(3); 这种写法。以下是 add 函数的代码：

function add(x) {
  return function(y) {
    return x + y;
  };
}

当我们调用 add(2) 时，它返回一个新函数，该函数接受单一参数 y 并返回 2 + y 的结果。然后我们将 3 作为 y 参数传递给新函数，并将结果 5 存储在变量 a 中。

指导意义

虽然这个例子很简单，但它展示了 JavaScript 中一些重要的概念。使用闭包和柯里化，我们可以创建非常强大和灵活的函数。

比如，我们可以使用柯里化来创建通用的函数，该函数接受多个参数并返回一个新函数，该新函数仅接受一部分参数。这种方法使我们能够更好地控制代码的复杂度，并减少需要编写的重复代码。

总之，理解闭包和柯里化是成为 JavaScript 高级开发人员的重要一步。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/31488