JS 콜백 함수 예시

JS를 처음 배웠을 때 콜백 함수가 무엇인지 헷갈렸는데 이제 콜백 함수가 무엇인지 다시 정리해보겠습니다.

먼저 콜백의 영어 정의를 살펴보겠습니다. 콜백은 다른 함수에 인수로 전달되고 상위 함수가 완료된 후 실행되는 함수입니다.

말 그대로 콜백 함수는 매개변수입니다. 이 함수는 해당 함수가 실행된 후 매개변수로 전달됩니다. 이 프로세스를 콜백이라고 합니다.

사실 이해하기 쉽죠? 콜백은 콜백을 뜻하는데요. 미리 메인 함수를 마친 후, 나중에 전달된 함수를 호출하세요. 하지만 이전에 많은 블로그를 읽었는데, 그 블로그에서는 항상 콜백 기능을 모호하고 심오하게 설명하고 있었습니다.

다른 사람들의 예를 들자면, 데이트를 마치고 여자친구를 집에 보낼 때, 반드시 "집에 도착하면 메시지를 보내주세요. 걱정됩니다."라고 말할 것입니다. 그렇군요. 그렇다면 당신의 여자친구는 실제로 집에 돌아온 후에 당신에게 메시지를 보냈습니다. 얘야, 너에겐 기회가 있어. 실제로 이것은 콜백 프로세스입니다. 여자친구에게 매개변수 기능(여자친구에게 메시지를 보내도록 요청)을 남겨두고 여자친구가 집에 가는 동작이 주요 기능입니다. 그녀는 먼저 집에 도착해야 하며, 주요 기능이 실행된 후 전달된 기능을 실행하면 메시지를 받게 됩니다.

이제 기본적으로 콜백 함수의 의미를 이해하셨습니다. 이해하지 못해도 괜찮습니다. 우리는 코드로 말합니다.

//定义主函数，回调函数作为参数function A(callback) {
    callback();  
    console.log('我是主函数');      
}//定义回调函数function B(){
    setTimeout("console.log('我是回调函数')", 3000);//模仿耗时操作  }//调用主函数，将函数B传进去A(B);//输出结果我是主函数
我是回调函数

　위 코드에서는 먼저 메인 함수와 콜백 함수를 정의한 후 메인 함수를 호출하고 콜백 함수를 전달합니다.

메인 함수를 정의할 때 코드에서 callback() 콜백 함수를 먼저 실행하도록 했는데, 출력 결과는 나중에 콜백 함수가 출력한 내용입니다. 이는 메인 함수가 콜백 함수의 실행이 완료될 때까지 기다릴 필요가 없으며 자체 코드를 계속 실행할 수 있음을 의미합니다. 따라서 콜백 함수는 일반적으로 시간이 많이 걸리는 작업에 사용됩니다. 예를 들어 파일 처리 등의 Ajax 요청이 있습니다.

이 기사에서는 JS 콜백 함수 예제를 설명합니다. 더 많은 관련 내용을 보려면 PHP 중국어 웹사이트를 참고하세요. Related Related Residentations :

JS 상속 구현

js는 모바일 HTML5 페이지가 하단으로 슬라이딩하여 컨텐츠로드를 트리거하기 위해 컨트롤 텍스트 상자가 입력을 금지합니다. 특수 문자

위 내용은 JS 콜백 함수 예시의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!