인프런으로 자바스크립트 기초 다지기 : 3. 콜백함수 & 익명함수

자바스크립트 심화 부분에 들어갔습니다 :>

콜백함수와 익명함수는 무엇인지 함께 공부해보아요 - !

 

---

1) 콜백함수

기존 함수를 호출해서 값을 리턴받는 것과 달리 콜백함수는 나중에 불립니다. 즉 콜백함수를 파라미터에 넣어 어떤 함수를 실행시키면, 그 함수가 콜백함수를 실행시켜 주는 것 입니다. 아래 예시를 보시죠!

 

//1. 콜백함수 산와머니
function sanwha(){
    console.log('콜백함수 산와머니 실행!');
}
​
//2. 일반 함수 파라미터에 콜백함수를 받습니다.
function bridge(callback){
    
    callback();
}
​
//3. 일반 함수에 실행하고 싶은 함수를 파라미터로 넣습니다.
bridge(sanwha);

브릿지함수는 말그대로 콜백 함수를 실행시키기 위한 함수로 보여지는 것을 보실 수 있습니다.

 

이런 콜백함수는 자바스크립트에서 제공해주는 함수나 라이브러리들을 활용할 때 주로 많이 쓰입니다.

 

 

2) 익명함수

익명함수는 간단히 말하면 1)의 코드에서 브릿지함수와 콜백함수를 하나로 합친 함수입니다.

 

bridge(function(){
	console.log('콜백함수 산와머니 실행!');
})

 

산와라는 함수 이름을 브릿지함수에 합쳐 이름을 모르는 익명함수로 처리한 모습 입니다.

 

자바스크립트에 내장되어 있는 함수 중 익명함수로 쓰이는 함수는 다음과 같은 것이 있습니다.

 

setTimeout(function(){
	console.log('3초 뒤에 실행됩니다!');
}, 3000)

딱 3초 뒤에 익명 함수 안에 있는 문구를 출력하는 로직 입니다.

 

 

---

인프런으로 함께 공부하실 분은 댓글로 남겨주세요 ㅎㅎ

함께 고민해보았으면 좋겠습니다.

끝!