루핑 JS 변수가 함수 내에 올바른 값을 표시하지 않습니다.

Question

다음 작업을 수행해야합니다. 그러나 이것은 항상 1,2,3,4 및 5 대신에 "5"만을 경고합니다. 어떻게 해결할 수 있습니까? 도와주세요.

for(var x=1; x<=5; x++){ 
     something.load(function(result){ 
      alert(x); 
     }); 
    } 

Answer 1

이것은 폐쇄로 인한 것입니다. 콜백이 실행되면 현재 상태의 변수에 경고를 보냅니다 (루프 이후).

이 문제를 해결하려면 변수 상태를 유지할 새 클로저를 만들 수 있습니다. 폐쇄에 대한보다 자세한 설명은

for(var x=1; x<=5; x++){ 
    (function(x) { 
     something.load(function(result){ 
      alert(x); 
     }); 
    }(x)); 
} 

,이 SO 질문을 참조 할 수 있습니다 : How do JavaScript closures work?

또는 TC39의 구성원이 문서 (ECMA 스크립트 표준 몸) http://www.2ality.com/2013/05/quirk-closures.html