러닝 자바스크립트: ES6로 제대로 입문하는 모던 자바스크립트 웹 개발

293

14

장

비동기적 프로그래밍

14.2

콜백

콜백은 자바스크립트에서 가장 오래된 비동기적 메커니즘입니다. 우리는 사용자 입력과 타임

아웃을 처리하면서 이미 콜백을 사용했습니다. 콜백은 간단히 말해 나중에 호출할 함수입니다.

콜백 함수 자체에는 특별한 것이 전혀 없습니다. 콜백 함수도 일반적인 자바스크립트 함수일

뿐입니다. 콜백 함수는 일반적으로 다른 함수에 넘기거나 객체의 프로퍼티로 사용합니다. 드물

게는 배열에 넣어서 쓸 때도 있습니다. 항상 그런 건 아니지만, 콜백은 보통 익명 함수로 사용

합니다.

먼저

setTimeout

을 사용하는 단순한 예제로 시작합니다.

setTimeout

은 콜백의 실행을 지정된

밀리초만큼 지연하는 내장 함수입니다.

console

.

log

("

Before

timeout

: " +

new

Date

());

function

f

() {

console

.

log

("

After

timeout

: " +

new

Date

());

}

setTimeout

(

f

,

60

*

1000

); //

1

분

console

.

log

("

I

happen

after

setTimeout

!");

console

.

log

("

Me

too

!");

(독수리 타법을 사용하지 않는 한) 콘솔에서 이 코드를 실행하면 다음과 같은 결과를 보게 될

겁니다.

Before

timeout

:

Tue

Mar

21

2017