본 튜토리얼은 전 세계 사람들이 이용할 수 있는 오픈 소스 프로젝트입니다. 프로젝트 페이지에 방문하셔서 번역을 도와주세요.
구매EPUB/PDF
튜토리얼 지도
돌아가기

setTimeout 은 무엇을 보여줄까요?

중요도: 5

아래 코드에선 setTimeout을 이용해 호출을 스케줄링하고 있습니다. 그런데 그 아래 코드에선 실행 시간이 100ms 이상 걸리는 무거운 작업을 하고 있네요.

이런 경우 setTimeout에 넘겨준 함수는 언제 실행될까요?

  1. 반복문 실행 후
  2. 반복문 실행 전
  3. 반복문이 실행되는 시점

얼럿창엔 어떤 값이 출력될까요?

let i = 0;

setTimeout(() => alert(i), 100); // ?

// 아래 반복문을 다 도는 데 100ms 이상의 시간이 걸린다고 가정합시다.
for(let j = 0; j < 100000000; j++) {
  i++;
}

setTimeout은 현재 실행 중인 코드의 실행이 종료되었을 때 실행됩니다.

반복문 실행이 종료되고 난 후 i는 100000000이 되므로, 얼럿창엔 100000000이 출력됩니다.

let i = 0;

setTimeout(() => alert(i), 100); // 100000000이 출력됩니다.

// assume that the time to execute this function is >100ms
for(let j = 0; j < 100000000; j++) {
  i++;
}