jongviet

Sep 25, 2021 - for await of 본문

javascript & typescript

Sep 25, 2021 - for await of

jongviet 2021. 9. 25. 20:15

*9월25일

-for await of는 반복문 내에 있는 모든 비동기함수를 기다려 주는 구문이다. 일반적인 for문 내에 await functionA, await functionB와 같이 사용하면 경고 표시줄과 함께 반복문 내에서는 사용할 수 없다는 문구가 뜬다. 의외로 작업하면서 반복문 내에서 await function을 여러개 사용할 일이 많았기 때문에 아주 유용했다.

-promise.all()과 비교해보자면, promise all은 반복문 내의 모든 함수를 동시에 실행하지만, for await of는 내부의 await function을 순차적으로 실행한다.

 

const funcs = [ { do: functionA }, { do: function B} ....]

 

for(let func of funcs) {

   const result = await func.do()

 

-> function A 실행 및 종료 -> function B 실행 및 종료-> function C 실행 및 종료.............

 

Comments