[JavaScript] 콜백 함수 Callback Function

1. 콜백 함수 Callback Function

콜백 함수란 인자, 값의 형태로 전달되는 함수를 말한다.

JavaScript에서 함수를 순차적으로 실행하고자 할 때 활용할 수 있는 방법이다.

 

function Test(Callback){
    Callback();
    console.log("Test 함수 실행");
}

const Test2 = () => {
	console.log("Test2 함수 실행");
}

Test(() => { console.log("임의 함수 생성, 실행")});
Test(Test2);

 

예제 실행

위의 예제처럼 Test 함수 호출 시, 임의의 함수를 만들어서 콜백 함수로 활용할 수도 있고

아니면 기존에 만들어둔 함수를 콜백 함수로 사용할 수도 있다.

 

콜백 함수는 기본적으로 함수를 다른 함수의 인자로 전달하는 개념으로

위의 예제처럼 동기식으로 함수를 실행할 수도 있지만

경우에 따라서는 인자로 전달한 함수를 나중에 호출하는 형태로도 사용할 수 있다. (비동기식)

---

📔 Reference
함수 표현식 / 콜백 함수 (모던 JavaScript)
콜백 함수 / MDN

📃 Update Log
2024.03.04 콜백 함수 기본 개념 추가