TypeScript에서 for...of 루프를 사용할 때 await를 함께 사용하면 비동기적으로 반복문을 실행할 수 있습니다. 이를 통해 배열 또는 이터러블 객체를 반복하면서 각 항목에 대한 비동기 작업을 수행할 수 있습니다.

await for…of 문의 동작 원리

await for...of 문은 배열이나 이터러블 객체의 각 항목에 대해 비동기 작업을 순차적으로 처리합니다. 반복문 내부의 각 이터레이션은 이전 이터레이션의 작업이 완료될 때까지 기다립니다.

async function processItems(items: Array<any>) {
  for await (const item of items) {
    // 비동기 작업 처리
    await processItem(item);
  }
}

위의 예시는 processItems 함수가 items 배열의 각 항목을 순차적으로 처리하는 방법을 보여줍니다. await for...of 문은 processItem 함수를 호출하고 각 항목의 작업이 완료될 때까지 기다립니다.

주의사항

• await for...of 문을 사용할 때는 각 항목에 대한 비동기 작업이 상호 의존적이지 않도록 주의해야 합니다. 각 항목은 독립적으로 처리되어야 합니다.
• await for...of 문은 순차적으로 실행되므로, 각 항목의 작업이 서로 영향을 미치지 않도록 해야 합니다.

await for...of 문을 사용하면 배열 또는 이터러블 객체의 각 항목에 대한 비동기 작업을 효율적으로 처리할 수 있습니다.

이상으로 TypeScript에서 await for...of 문이 동작하는 방식에 대한 간략한 설명을 마치겠습니다.

참고문헌:

• MDN Web Docs - for…of
• TypeScript Handbook - Iterators and Generators