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?

これを実現するには、2 つのアプローチがあります。

コールバックとしての関数ラッパー:

ラッパーを作成できますマジック引数を受け取り、それを追加の引数とともに元のコールバック関数に渡す関数。

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

ES6 Arrow Function:

ES6 アロー関数は、ラッパー関数を記述するための便利な省略表現です。

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

どちらのアプローチでも、必要に応じて引数を転送するラッパー関数。

以上がJavaScript コールバック関数に追加の引数を渡すにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。