如何向 JavaScript 回调函数传递附加参数？

向回调函数传递附加参数

在 JavaScript 中，回调函数在异步编程和事件处理中起着至关重要的作用。虽然回调函数通常接受单个参数，但有时需要向它们传递附加参数。

考虑以下场景：

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

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

// We want to pass processMagic to callWithMagic, but also pass 42 as the second parameter.
callWithMagic(); // What should we put here?

要实现此目的，有两种方法：

函数包装器作为回调:

我们可以创建一个包装函数，它接受魔术参数并将其与附加参数一起传递给原始回调函数。

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

ES6 箭头函数:

ES6 箭头函数提供编写包装函数的便捷简写。

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

两种方法都允许您通过创建一个根据需要转发参数的包装函数。

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