前端开发中，我们经常需要将一个函数作为参数传递给另一个函数。这种技术被称为"高阶函数"。但是，有时候我们需要传递一个带有参数的函数，而不是一个简单的函数。本文将介绍如何在 JavaScript 中以参数作为参数传递函数，并提供示例代码。
简单的函数参数
首先，让我们看一下最简单的情况：将一个简单的函数作为参数传递给另一个函数。例如，我们可以定义一个 add 函数来将两个数字相加：
-------- ------ -- - ------ - - -- -
现在，我们可以将这个函数传递给另一个函数，比如一个接收两个参数并返回它们之和的函数：
-------- ---------------------- -- ---------- - ------ ------------ --- - ----- ------ - ---------------------- -- ----- -- ------ - -
在这个例子中，我们将 add 函数作为第三个参数传递给 operateOnTwoNumbers 函数。在 operateOnTwoNumbers 内部，它会将这个函数应用于前两个参数 a 和 b。
带有参数的函数参数
现在，假设我们想要传递一个带有参数的函数。例如，我们可以定义一个函数 multiplyBy 来将一个数字乘以另一个数字：
-------- ------------------ -
------ ----------- -
------ - - -------
-
-这个函数有一个参数 factor，它返回另一个函数，这个函数将传递给它的参数 n 与 factor 相乘。现在我们想要将这个函数作为参数传递给 operateOnTwoNumbers 函数，使其对两个数字应用该函数。
为了实现这一点，我们需要注意一下 JavaScript 中的闭包。我们可以定义一个新函数来接收两个数字和一个函数，然后将这个函数应用于这两个数字：
-------- ---------------------------- -- ----- - ------ ----------- - ----- ------ - ---------------------------- -- ------------ -- ------ - --
在这个例子中，我们首先将 multiplyBy 函数作为第三个参数传递给 applyFunctionToTwoNumbers 函数。然后，在 applyFunctionToTwoNumbers 内部，它会使用 func(a) 得到一个新函数，并将 b 作为该函数的参数来调用它。
结论
在本文中，我们介绍了如何在 JavaScript 中将带有参数的函数作为参数传递给另一个函数。我们看到了一个例子，其中一个函数返回了另一个函数，我们必须使用闭包来使它工作。通过这种技术，我们可以编写更灵活的代码，并将常见的功能抽象成可重用的函数。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/11052