JavaScript For 루프 내에서 비동기 함수 호출을 처리하는 방법은 무엇입니까?

JavaScript의 For 루프 내 비동기 함수 호출

JavaScript의 비동기 특성으로 인해 for 루프 내에서 비동기 함수를 호출할 때 문제가 발생할 수 있습니다. 다음 코드를 고려해 보세요.

for(var i = 0; i < list.length; i++){
    mc_cli.get(list[i], function(err, response) {
        do_something(i);
    });
}

문제는 for 루프가 완료된 후 실행될 수 있는 비동기 콜백 함수에 있습니다. 결과적으로 do_something(i)는 항상 루프의 최종 반복을 참조합니다.

클로저를 사용한 해결 시도

개발자는 i의 값을 캡처하기 위해 클로저를 사용하려고 했습니다. 루프의 각 반복 내에서:

do_something((function(x){return x})(i))

그러나 함수가 즉시 실행되어 동일한 문제가 발생하기 때문에 이 접근 방식도 실패합니다.

forEach를 사용한 솔루션

더 효율적인 솔루션은 콜백 함수에 배열 항목과 해당 인덱스를 제공하는 JavaScript의 forEach 메서드를 활용하는 것입니다. 각 콜백에는 자체 범위가 있으므로 인덱스 값이 보존됩니다.

list.forEach(function(listItem, index){
  mc_cli.get(listItem, function(err, response) {
    do_something(index);
  });
});

forEach를 활용하면 콜백 함수가 이제 각 반복에 대해 올바른 인덱스 값에 액세스할 수 있어 잘못된 인덱스 문제를 해결합니다. do_something 함수에서 참조됩니다.

위 내용은 JavaScript For 루프 내에서 비동기 함수 호출을 처리하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!