如何在 JavaScript 中将参数传递给回调函数？

在 JavaScript 中将参数传递给回调函数

在 JavaScript 中，回调函数是作为参数传递给另一个函数的函数。当其他函数调用回调时，回调可以访问传递给它的参数。

为了说明这一点，让我们创建一个名为 tryMe 的函数，它接受两个参数并警告它们的值：

function tryMe(param1, param2) {
  alert(param1 + " and " + param2);
}

现在，让我们定义一个名为callbackTester的函数，它接受一个回调函数作为参数和两个附加参数：

function callbackTester(callback, param1, param2) {
  callback(param1, param2);
}

要将参数传递给回调，我们只需使用所需的参数调用callbackTester：

callbackTester(tryMe, "hello", "goodbye");

这将使用参数“hello”和“goodbye”调用 tryMe 函数并提醒它们的值。

使用参数变量

如果如果您需要更灵活地将参数传递给回调，可以使用arguments 变量。该变量包含传递给函数的所有参数的数组，包括显式参数和调用函数时传递的任何附加参数：

function tryMe(param1, param2) {
  alert(param1 + " and " + param2);
}

function callbackTester(callback) {
  callback(arguments[1], arguments[2]);
}

callbackTester(tryMe, "hello", "goodbye");

在本示例中，我们使用单个参数调用callbackTester，其中是 tryMe 函数。然而，arguments 变量包含了传递给callbackTester 的所有三个参数，允许我们提取我们需要的参数：

• arguments[1] 指的是传递给callbackTester 的第二个参数，即“hello”。
• arguments[2] 指传递给callbackTester 的第三个参数，即“再见”。

通过使用arguments 变量，我们可以动态检索要传递给的适当参数回调，无论传递给调用函数的参数数量或类型如何。

以上是如何在 JavaScript 中将参数传递给回调函数？的详细内容。更多信息请关注PHP中文网其他相关文章！