함수 실행 지연

소개

이 랩에서는 주어진 함수의 실행을 지정된 밀리초 (milliseconds) 만큼 지연시키는 delay() 함수를 살펴봅니다. 이 함수는 애니메이션 작업이나 시간 민감한 작업을 수행하는 경우와 같이 코드 실행에 일시 중지를 추가해야 하는 시나리오에서 유용합니다. 이 랩을 통해 JavaScript 코드에서 delay() 함수를 효과적으로 사용하는 방법을 배우게 됩니다.

JavaScript 에서 함수 실행 지연 방법

JavaScript 에서 함수의 실행을 지연시키려면 setTimeout() 메서드를 사용할 수 있습니다. 방법은 다음과 같습니다.

1. 터미널/SSH 를 열고 node를 입력하여 코딩 연습을 시작합니다.
2. 다음 구문을 사용하여 함수 fn의 실행을 ms 밀리초 (milliseconds) 만큼 지연시킵니다.

const delay = (fn, ms, ...args) => setTimeout(fn, ms, ...args);

3. 함수에 인수를 전달하려면 스프레드 연산자 (...) 를 다음과 같이 사용합니다.

delay(
  function (text) {
    console.log(text);
  },
  1000,
  "later"
); // Logs 'later' after one second.

이 코드를 사용하면 제공된 함수 fn이 지정된 밀리초 수 (ms) 후에 호출됩니다. ...args 매개변수를 사용하면 함수에 임의의 수의 인수를 전달할 수 있습니다.

요약

축하합니다! 지연 함수 실행 랩을 완료했습니다. LabEx 에서 더 많은 랩을 연습하여 기술을 향상시킬 수 있습니다.