JavaScript의 For 루프 내에서 비동기 함수를 호출할 때 클로저 문제를 피하는 방법은 무엇입니까?

for 루프 내에서 비동기 함수 호출: 클로저 제한 극복

JavaScript의 클로저는 강력한 범위 지정 메커니즘을 제공하지만 다음과 결합하면 문제에 직면할 수 있습니다. for 루프 내의 비동기 함수. 이 문제는 루프 내에서 실행되는 콜백이 항상 마지막 루프 반복을 반영하여 예상치 못한 결과를 낳는 i에 의존할 때 나타납니다.

클로저의 함정

에서 설명된 바와 같이 콜백의 인수로 클로저를 사용하려고 하면 범위 지정 문제가 발생합니다. 현재 반복 인덱스를 캡처하기 위해 (function(x){return x})(i) 또는 create_closure(i)()와 같은 클로저를 사용함에도 불구하고 반환된 값은 최종 루프 반복을 일관되게 반영합니다.

더 나은 솔루션: forEach

이 문제를 해결하려면 배열의 요소를 반복하는 JavaScript의 forEach 메서드를 활용하는 것이 좋습니다. 목록 항목과 해당 인덱스를 모두 콜백에 대한 인수로 제공하여 폐쇄 문제를 제거합니다.

<code class="js">list.forEach(function(listItem, index){
  mc_cli.get(listItem, function(err, response) {
    do_something(index);
  });
});</code>

forEach를 사용하면 각 콜백 호출이 자체 범위 내에서 작동하여 특정 반복에 대한 올바른 인덱스에 액세스합니다. . 이렇게 하면 do_something(i)이 예상대로 for 루프 내에서 의도한 인덱스에 액세스할 수 있습니다.

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