콜백 함수

콜백 기능을 배우면서 Sharpay가 된 기분이 드시나요?

글쎄, 기술적인 내용을 다루기 전에 좀 더 이론적인 방식으로 생각해 봅시다. 바로 케이크입니다! ?

친구의 생일을 위해 케이크를 굽고 싶다고 상상해 보세요. 생일 전날 아이싱 레시피에 따라 아이싱을 냉장고에 넣어 밤새도록 두세요. 여기서 아이싱 레시피는 콜백 함수입니다. 아직 아이싱을 사용하지 않고 있는데 나중에 호출되기를 기다리고 있습니다!

생일파티 당일 케이크 레시피를 뽑아보기로 결정한 당신. 밀가루, 물, 계란, 설탕, 베이킹 파우더, 소금, 우유, 아이싱이 필요합니다.

이 레시피 또는 기능은 아이싱을 위해 다양한 변수와 해당 레시피 또는 기능을 사용하고 있습니다. 이전에 이미 생성했거나 선언한 레시피를 다시 호출합니다.

케이크에 관한 내용은 이쯤 됐습니다(슬프게도). 이제 기술적인 내용을 살펴보겠습니다.

이 시점에서는 변수를 함수의 인수로 전달하는 데 익숙합니다. Javascript에서는 함수를 사용하여 새 함수에 인수로 전달할 수도 있습니다. 첫 번째 함수는 콜백 함수이며 새 함수를 통해 인수로 전달되는 함수입니다.

예:

//콜백 함수
기능 아이싱 ( ) {
console.log("바닐라 아이싱")
}

//새로운 기능
함수 케이크(맛, 콜백) {
console.log("제 케이크 맛은 " 맛입니다);
콜백();
}

//콜백 함수를 인수로 사용
케이크("호박", 아이싱);

결과가 어떻게 나올 것 같나요?

코드 하단에서 cake 함수를 호출한 것을 볼 수 있습니다. 첫 번째 인수로 "호박"을 전달하기 때문에 콘솔에 "My cakeFlavor is Pumpkin"이 기록될 것임을 알 수 있습니다

이 함수의 두 번째 부분에서는 두 번째 매개변수를 사용하여 해당 함수를 호출합니다. cake를 호출할 때 호출하는 두 번째 매개변수가 아이싱 함수라는 것을 알 수 있습니다. icing 기능은 "vanilla icing"을 console.log에 기록하기를 원합니다.

따라서 콘솔은 다음과 같아야 합니다.

제 케이크 맛은 호박이에요
바닐라 아이싱

그리고 콜백 함수에 대한 레시피도 있으니 즐겨보세요!

추가 챌린지:
케이크에 장식을 추가하기 위해 콜백 함수를 사용하는 장식이라는 함수를 작성해 보세요!

기타 자료:

https://www.programiz.com/javascript/callback
https://developer.mozilla.org/en-US/docs/Glossary/Callback_function

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