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

279

13

장

함수와 추상적 사고

13.5

IIFE

와 비동기적 코드

6

장에서

IIFE

(즉시 호출하는 함수 표현식 )에 대해 알아봤습니다.

IIFE

를 이용해서 클로저를

만들 수 있다는 것도 알았습니다. 이제

IIFE

로 비동기적 코드를 처리하는 중요한 예제를 하나

살펴봅시다. 이 예제는

14

장에서 다시 살펴보게 될 겁니다.

IIFE

를 사용하는 사례 중 하나는 비동기적 코드가 정확히 동작할 수 있도록 새 변수를 새 스

코프에 만드는 겁니다.

5

초에서 시작하고 카운트다운이 끝나면 “

go

”를 표시하는 고전적 타이

머 예제를 만들어 봅시다. 이 코드는 자바스크립트의 내장 함수

setTimeout

을 사용합니다.

setTimeout

은 첫 번째 매개변수인 함수를 두 번째 매개변수인 밀리초만큼 기다렸다가 실행합

니다. 예를 들어

1

.

5

초 뒤에

hello

를 출력한다면 다음과 같이 합니다.

setTimeout

(

function

() {

console

.

log

("

hello

"); },

1500

);

필요한 것은 다 알았으니 카운트다운 함수를 만들어 봅시다.

var

i

;

for

(

i

=

5

;

i

>=

0

;

i

--) {

setTimeout

(

function

() {

console

.

log

(

i

===

0

? "

go

!" :

i

);

}, (

5

-

i

)*

1000

);

}

여기서

let

대신

var

를 쓴 이유는

IIFE

가 중요하던 ...