JavaScript에서 프로그래머는 변수와 함수를 포함한 코드 단위를 정의 할 수 있습니다. JavaScript 함수는 이러한 매개 변수를 변수 또는 값으로 전달하는 함수를 호출하는 코드로 매개 변수를 수신 할 수도 있습니다. 다른 함수에 대한 참조를 매개 변수로 전달할 수도 있습니다. 콜백 함수는 일반적으로 다른 함수가 실행을 완료 할 때 호출되는 함수입니다. 이러한 이유로 콜백 함수는 종종 다른 함수에 대한 매개 변수로 나타납니다.
콜백 정의
콜백 함수를 구현하려면 페이지의 JavaScript 코드가 먼저 함수를 정의해야합니다. 다음 샘플 코드는 함수를 정의하고 이에 대한 변수 참조를 저장합니다. var callbackDefinition = function (numParam) {alert (numParam); };
이 함수는 데모를 위해 숫자 매개 변수를 사용합니다. 콜백 함수는 표준 함수에 포함될 수있는 모든 JavaScript 코드를 포함 할 수 있습니다. 이제 코드는 변수 이름을 사용하여 함수에 대한 참조를 매개 변수로 다른 함수에 전달할 수 있습니다.
콜백 매개 변수
스크립트에 변수로 정의 된 함수가 있으면 해당 변수를 다른 함수에 매개 변수로 전달할 수 있습니다. 다음 샘플 코드는 기술을 보여줍니다. mainFunction (10, callbackDefinition);
이 코드는 명명 된 함수를 호출하여 숫자 매개 변수와 콜백 함수 코드를 저장하는 변수의 이름을 전달합니다. 여기서 호출되는 함수의 개요는이 두 매개 변수와 일치해야합니다. 콜백 변수를 수신하는 함수는 저장된 함수를 호출 할 수 있습니다.
기능 실행
주 함수에 전달되면 콜백 함수를 실행할 수 있습니다. 다음 샘플 코드는이를 보여줍니다. function mainFunction (myNum, callbackFn) {alert (myNum); callbackFn (myNum * 2); }
데모를 위해이 코드는 먼저 사용자의 브라우저에 대화 상자를 표시하는 JavaScript 경고를 출력합니다. 이 코드가 실행되면 함수는 매개 변수로 지정된 이름을 사용하여 콜백 함수를 호출합니다. 콜백 함수 호출에는 처음에 변수로 정의 된 함수에서 예상하는 숫자 매개 변수가 포함됩니다.
함수 호출
페이지에 콜백을 포함하여 정의 된 함수가 있으면이 코드를 실행할 수 있습니다. 종종 개발자는 브라우저에 사용자 이벤트를 수신하도록 지시하여 이러한 이벤트가 발생하면 기능을 실행합니다. 예를 들어 다음 HTML 코드는 함수를 호출합니다. 다음은 클릭 가능한 섹션입니다.
매개 변수로 지정된 함수에 콜백 변수 정의와 주 함수에 대한 호출이 포함 된 경우 다음과 같이 콜백 효과가 생성됩니다. function doCallback () {var callFn = function (numParam) {alert (numParam); }; mainFunction (10, callFn); }
주 함수가 자체 코드 콘텐츠를 실행하면 콜백 함수를 호출합니다.
