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" 및 " 매개변수로 tryMe 함수가 호출됩니다. 안녕"이라고 말하고 그 값을 경고합니다.

인수 사용 변수

매개변수를 콜백에 전달하는 데 더 많은 유연성이 필요한 경우 인수 변수를 사용할 수 있습니다. 이 변수에는 함수를 호출할 때 전달된 명시적 매개변수와 추가 인수를 포함하여 함수에 전달된 모든 인수의 배열이 포함됩니다.

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

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

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

이 예에서는 단일 인수로 callbackTester를 호출합니다. tryMe 함수입니다. 그러나 인수 변수에는 callbackTester에 전달된 세 가지 매개변수가 모두 포함되어 있으므로 필요한 매개변수를 추출할 수 있습니다.

• arguments[1]는 callbackTester에 전달된 두 번째 매개변수인 "hello"를 참조합니다.
• arguments[2]는 callbackTester에 전달된 세 번째 매개변수를 나타냅니다. "goodbye".

인수 변수를 사용하면 호출 함수에 전달되는 매개변수의 수 또는 유형에 관계없이 콜백에 전달할 적절한 매개변수를 동적으로 검색할 수 있습니다.

위 내용은 JavaScript의 콜백 함수에 매개변수를 어떻게 전달합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!