Tip
함수가 객체에 바인드(bind)된 경우를 메서드라고 부릅니다. 하지만 처음 프로그래밍을 배우는 단계에서는 함수와 메서드를 굳이 구분하지 않아도 학습하는 데는 지장이 없습니다. 이 책에서는 함수와 메서드를 엄격하게 구분하지 않고 내용에 따라 적절히 섞어서 사용합니다.
1 콜백 함수로 사용할 인자가 없는 callback() 함수를 만듭니다. 중괄호 안에는 "callback function is called"(콜백 함수가 호출되었다)라는 메시지를 작성합니다.
2 setTimeout() 함수를 호출하면서 인자를 두 개 전달합니다. 첫 번째 인자에는 특정 시간이 지났을 때 호출될 콜백 함수를 넣습니다. 여기서는 앞에서 정의한 callback() 함수를 인자로 넣습니다. 두 번째 인자에는 시간이 어느 정도 흐른 후에 콜백 함수를 호출할지를 뜻하는 시간을 밀리초(millisecond, 1/1000초) 단위로 입력합니다. 예를 들어 3000을 입력하면 3초가 흐른 후에 callback() 함수가 실행됩니다.
3 3초가 흐르면 콜백 함수가 호출되었다는 메시지가 출력됩니다.
4 setInterval() 함수 역시 같은 방식으로 인자를 받습니다. 두 번째 인자에 5000을 입력하면 5초가 지날 때마다 callback() 함수가 실행되면서 메시지가 출력됩니다.
5 5초가 지날 때마다 callback() 함수가 호출되므로 같은 메시지가 출력되면서 7 동그라미 안에 있는 숫자가 계속 증가합니다.
Tip
setTimeout( )과 setInterval( ) 함수를 실행했을 때 반환되는 정수 값은 각각 타임아웃(timeout) 혹은 간격(interval)에 대한 ID입니다.
clearTimeout()과 clearInterval() 함수로 해당 명령을 취소할 수도 있습니다.