如何向 JavaScript 回调函数传递额外参数？

向回调函数传递额外参数

在 JavaScript 中，回调函数通常用于执行异步操作。它们接受一个或多个参数，并在操作完成时调用。有时，需要向回调函数传递额外的参数。

考虑以下示例：

const callWithMagic = callback => {
  const magic = getMagic();
  callback(magic);
};

const processMagic = (magic, theAnswer) => {
  someOtherMagic();
};

这里，callWithMagic 函数将回调函数作为参数并使用一个名为 magic 的参数。但是，我们还有一个需要两个参数的 processMagic 函数：magic 和 theAnswer。

要将 processMagic 函数作为参数传递给 callWithMagic，我们需要同时提供 magic 和 theAnswer 作为参数。实现此目的的一种方法是使用包装回调函数：

callWithMagic(function(magic) {
  return processMagic(magic, 42);
});

在这种情况下，包装函数将 magic 作为参数，并返回使用 magic 调用 processMagic 的结果以及 theAnswer 的硬编码值 42 .

或者，我们可以利用 ES6 箭头函数来更简洁方法：

callWithMagic(magic => processMagic(magic, 42));

这个箭头函数也以 magic 作为参数，但隐式返回调用 processMagic 的结果。

通过使用包装函数或箭头函数，我们可以传递一个回调函数的额外参数，使我们能够使用具有附加依赖项的更复杂的回调。

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