► 이 장의 주제

• 콜백 함수를 사용하여 코드를 작성하고 테스트한다.

• 콜백 함수를 작성하고 테스트한다.

• 콜백 패턴을 구현할 때 흔히 부딪히는 문제를 인지하고 해결한다.

► 예제 파일 내려받기

이 장의 예제 파일은 https://github.com/gilbutITbook/006844의 5장 디렉터리에서 내려받을 수 있다.

콜백(callback)은 나중에 실행할 부차 함수(second function)에 인자로 넣는 함수다. 여기서 콜백이 실행될 ‘나중’ 시점이 부차 함수의 실행 완료 이전이면 동기(synchronous), 반대로 실행 완료 이후면 비동기(asynchronous)라고 본다. 이 장의 예제들은 전부 동기 콜백이지만, 비동기 콜백도 적용 기법(과 그에 따른 잠재적 문제들)은 같다.
6장에서 살펴볼 프라미스는 비동기 콜백에만 사용된다.

콜백 패턴은 언어 자체는 물론이고 제이쿼리 같은 서드파티 라이브러리에서 사용 빈도가 매우 높아 자바스크립트의 바른길로 가려면 반드시 섭렵해야 할 중요 패턴이다.

다음 절에서는 내장 자바스크립트 함수 및 서드파티 라이브러리와 함께 작동하는 콜백 함수를 바르게 작성하는 방법을 익히고, 콜백 패턴을 응용한 코드 작성/테스트 방법을 잇달아 안내한다. 이 장을 다 읽을 즈음이면 여러분의 자바스크립트 어휘 사전에 콜백 패턴이 확실히 자리매김할 것이다.