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 중국어 웹사이트의 기타 관련 기사를 참조하세요!