호출 스케줄링 ( scheduling a call )

일정 시간이 지난 후에 원하는 함수를 예약 실행 할 수 있게 하는 것

구현 하는 방법은 아래 두가지가 있으며, 명세서에 명시 되지 않았지만 대부분의 js환경에서 유사한 메서드와 스케줄러를 지원한다.

setTimeout

일정 시간이 지난 후에 함수를 실행

//기본 문법
let timer = setTimeout(func, [ms], [arg...]);

func 자리에 문자열이 와도 js가 알아서 함수를 만들어 정상적으로 동작하나 추천하지 않는 방법으로 익명 화살표 함수를 이용

setTimeout함수 반환값으로 타이머 식별자(timer identifier)이 반환

명세가 따로 없기 때문에 브라우저 환경에서는 식별자가 숫자이며, Node.js에서는 타이머 객체이다.

clearTimeout

스케줄링을 취소 하고 싶을때 타이머 식별자 값으로 취소

clearTimeout(timer);

setInterval

일정 시간 간격을 두고 함수를 실행

//기본 문법
let timer = setInterval(func, ms, arg...);

setTimeout과 동시에 작업도 가능하다.

// 2초 간격으로 메시지를 보여줌
let timerId = setInterval(() => alert('째깍'), 2000);

// 5초 후에 정지
setTimeout(() => {
  clearInterval(timerId);
  alert('정지');
}, 5000);

clearInterval

setInterval 취소하고 싶을때 사용하며 clearTimeout과 문법이 똑같다.

중첩 setTimeout과 setInterval의 차이

let i = 1;
setInterval(function () {
  func(i++);
}, 1000);

let i = 1;
setTimeout(function run() {
  func(i++);
  setTimeout(run, 1000);
}, 1000);

위 두 코드는 1초마다 재실행 되는 함수이지만 실제 동작을 해보면 시간의 차이가 존재한다.

실제로 setInterval은 함수를 실행하는데 소모되는 시간도 지연간격에 포함시키기 때문에 함수 실행과 실행 사이의 시간이 1초가 되지 않고 setTimeout은 1초마다 재실행된다.

이처럼 중첩 setTimeout은 지연 간격을 보장하지만 setInterval은 지연 간격을 보장하지 않는 차이를 보여준다.

setTimeout은 이전 함수의 실행이 종료된 이후에 다음 함수 호출에 대한 계획이 세워지기 때문에 지연 간격이 보장된다.

대기시간 0인 setTimeout

ms를 표시를 안하거나 대기 시간을 0으로 세팅하게 되면 가능한 한 빨리 실행 하라는 뜻의 함수

실행중인 스크립트의 처리를 종류이후에 스케줄링 함수를 실행하는 것(계획표에 기록해주는 느낌)