Computer >> 컴퓨터 >  >> 프로그래밍 >> JavaScript

JavaScript에서 async/await로 함수를 반복 실행하는 방법

JavaScript에서 asyncawait 키워드를 활용하면 비동기 작업을 순차적으로 반복 실행할 수 있습니다. while 루프 안에서 await를 사용하면 각 비동기 호출이 완료될 때까지 기다린 후 다음 작업으로 넘어가기 때문에, 원하는 횟수만큼 안정적으로 함수를 반복 호출할 수 있습니다.

예제 코드

다음은 asyncawait를 사용해 함수를 반복적으로 실행하는 코드입니다.

async function test(i) {
   while (i <= 10) {
      await demo(" Call Demo1()");
      await demo(" Call Demo2()");
      i++;
   }
}
async function demo(value){
   console.log(value);
}
test(1);

코드 설명

test() 함수는 async로 선언되어 있으며, 변수 i가 10 이하인 동안 demo() 함수를 두 번씩 호출합니다. await 키워드 덕분에 각 호출이 순서대로 처리되므로, 총 10번의 반복 동안 Demo1()과 Demo2()가 번갈아 가며 출력됩니다.

프로그램 실행 방법

위 프로그램을 실행하려면 Node.js 환경에서 다음 명령어를 사용합니다.

node fileName.js

여기서는 파일 이름이 demo73.js라고 가정하겠습니다.

실행 결과

코드를 실행하면 다음과 같은 출력 결과를 확인할 수 있습니다.

PS C:\Users\Amit\JavaScript-code> node demo73.js
Call Demo1()
Call Demo2()
Call Demo1()
Call Demo2()
Call Demo1()
Call Demo2()
Call Demo1()
Call Demo2()
Call Demo1()
Call Demo2()
Call Demo1()
Call Demo2()
Call Demo1()
Call Demo2()
Call Demo1()
Call Demo2()
Call Demo1()
Call Demo2()
Call Demo1()
Call Demo2()

출력 결과에서 볼 수 있듯이, await가 포함된 루프는 각 비동기 함수의 실행이 끝날 때마다 차례대로 다음 호출을 진행합니다. 이러한 패턴은 API 요청을 일정 횟수만큼 순차적으로 보내거나, 지연 시간이 필요한 작업을 반복 처리할 때 특히 유용하게 활용됩니다.