01. 콜백함수란 ?
다른 코드(함수 또는 메서드)에게 인자로 넘겨줌으로써 그 제어권도 함께 위임한 함수이다. 콜백함수를 위임받은 코드는 자체적인 내부 로직에 의해 이 콜백 함수를 적절한 시점에 실행할 것이다.
02. 제어권
1) 콜백함수의 제어권을 넘겨받은 코드는 콜백함수 호출 시점에 대한 제어권을 가진다.
ex) 0.3초에 한 번씩 console 출력
2) 콜백함수의 제어권을 넘겨받은 코드는 콜백함수를 호출할 때 인자에 어떤 값들을 어떤 순서로 넘길 것인지에 대한 제어권을 가진다.
3) 콜백함수의 this가 무엇을 바라보도록 할 지 정해져 있을 수 있다.
=> 정하지 않았을 경우 this는 전역객체를 바라본다.
03. 콜백 함수는 함수다.
01 var obj = { 02 vals : [1, 2, 3], 03 logValues : function(v, i) { console.log(this, v, i); 05 } 06 }; 07 obj.logVlues(1, 2); // { vals : [1, 2, 3], logValues : f} 1 2 08 [4, 5, 6].forEach(obj.logValues); // Window {...} 4 0 09 // Window {...} 5 1 10 // Window {...} 6 2
07번 줄에서 obj.logValues는 메서드로서 호출되었다.
주의깊게 봐야하는 부분은 08번 줄이다. 여기서 obj.logValues는 메서드이지만 forEach의 콜백함수로서 전달되었다. obj를 this로 하는 메서드를 그대로 전달한 것이 아니라, obj.logValues가 가리키는 함수만 전달한 것이다.
즉, 어떤 함수의 인자에 객체의 메서드를 전달하더라도 이는 결국 메서드가 아닌 함수일 뿐이다.
04. 콜백 지옥과 비동기 제어
- 콜백지옥 : 콜백함수를 익명 함수로 전달하는 과정이 반복되어 코드의 들여쓰기 수준이 감당하기 힘들 정도로 깊어지는 현상
- 동기적 코드 : 현재 실행 중인 코드가 완료된 후에야 다음 코드를 실행하는 방식
- 비동기적 코드 : 현재 실행 중인 코드의 완료 여부와 무관하게 즉시 다음 코드로 넘어가는 방식
