forEach 루프의 모든 비동기 작업이 완료된 후 콜백이 실행되는지 확인하는 방법은 무엇입니까?

비동기 forEach 완료 콜백

문제:

forEach 루프 내의 모든 비동기 작업이 다음과 같은 경우 콜백을 실행하는 방법 완료되었나요?

해결책:

1. 단순 카운터 사용:

itemProcessed 카운터를 0으로 초기화합니다. 각 비동기 함수의 콜백에서 카운터를 증가시킵니다. itemsProcessed가 전체 배열 길이에 도달하면 "all done" 콜백을 호출합니다.

2. ES6 Promises 사용:

Promise.all을 사용하여 각 비동기 작업을 나타내는 Promise 객체 배열을 만듭니다. 모든 Promise가 완료되면 최종 콜백이 실행됩니다.

3. 비동기 라이브러리 사용:

async와 같은 비동기 라이브러리를 활용하여 비동기 완료 콜백 표현을 위한 메커니즘을 제공합니다.

수정된 예(카운터 방법):

<code class="javascript">function callback() {
  console.log("All done!");
}

var itemsProcessed = 0;

[1, 2, 3].forEach((item, index, array) =&gt; {
  asyncFunction(item, () =&gt; {
    itemsProcessed++;
    if (itemsProcessed === array.length) {
      callback();
    }
  });
});</code>

수정된 예상 출력:

3 done
1 done
2 done
All done!

위 내용은 forEach 루프의 모든 비동기 작업이 완료된 후 콜백이 실행되는지 확인하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!