以参数作为参数传递函数？

前端开发中，我们经常需要将一个函数作为参数传递给另一个函数。这种技术被称为"高阶函数"。但是，有时候我们需要传递一个带有参数的函数，而不是一个简单的函数。本文将介绍如何在 JavaScript 中以参数作为参数传递函数，并提供示例代码。

简单的函数参数

首先，让我们看一下最简单的情况：将一个简单的函数作为参数传递给另一个函数。例如，我们可以定义一个 add 函数来将两个数字相加：

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

现在，我们可以将这个函数传递给另一个函数，比如一个接收两个参数并返回它们之和的函数：

function operateOnTwoNumbers(a, b, operation) {
  return operation(a, b);
}

const result = operateOnTwoNumbers(3, 4, add); // result = 7

在这个例子中，我们将 add 函数作为第三个参数传递给 operateOnTwoNumbers 函数。在 operateOnTwoNumbers 内部，它会将这个函数应用于前两个参数 a 和 b。

带有参数的函数参数

现在，假设我们想要传递一个带有参数的函数。例如，我们可以定义一个函数 multiplyBy 来将一个数字乘以另一个数字：

function multiplyBy(factor) {
  return function(n) {
    return n * factor;
  }
}

这个函数有一个参数 factor，它返回另一个函数，这个函数将传递给它的参数 n 与 factor 相乘。现在我们想要将这个函数作为参数传递给 operateOnTwoNumbers 函数，使其对两个数字应用该函数。

为了实现这一点，我们需要注意一下 JavaScript 中的闭包。我们可以定义一个新函数来接收两个数字和一个函数，然后将这个函数应用于这两个数字：

function applyFunctionToTwoNumbers(a, b, func) {
  return func(a)(b);
}

const result = applyFunctionToTwoNumbers(3, 4, multiplyBy); // result = 12

在这个例子中，我们首先将 multiplyBy 函数作为第三个参数传递给 applyFunctionToTwoNumbers 函数。然后，在 applyFunctionToTwoNumbers 内部，它会使用 func(a) 得到一个新函数，并将 b 作为该函数的参数来调用它。

结论

在本文中，我们介绍了如何在 JavaScript 中将带有参数的函数作为参数传递给另一个函数。我们看到了一个例子，其中一个函数返回了另一个函数，我们必须使用闭包来使它工作。通过这种技术，我们可以编写更灵活的代码，并将常见的功能抽象成可重用的函数。

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