JSON 데이터는 다른 부분에 스크립트의 한 부분에서 일하고 있지만

Question

나는 어떤 이유로 작동하지 않는 경우 다음 스크립트가 있습니다

success: function(widget_data) 
{ 

    if(widget_data.d[0]) { 

     var j = 0; 

     for (j = 0; j <= widget_data.d.length - 1; j++) { 

      $.getScript("js/" + widget_data.d[j].script, function() { 

       // this line is complaining about .widget_id 
       alert(widget_data.d[j].widget_id); 
      }); 

      // but this line works fine... 
      alert(widget_data.d[j].widget_id); 

     } 

    } 

} 

내가 한 withing에 .getScript으로, 다음 줄에 오류가 발생을 :

Cannot read property 'widget_id' of undefined 

그러나 이상한 것은, 후속이다

alert(widget_data.d[j].widget_id); 

오류 메시지는 알림이 제대로 작동하고 올바른 값을 반환합니다.

alert(widget_data.d[j].widget_id); 

내가 뭘 잘못하고 있니?

Answer 1

getScript 호출은 변수 j을 호출하는 것을 비동기 적으로 실행합니다. 호출 할 때 값이 아닙니다. 즉, j은 호출이 반환 될 때 루프를 종료하는 값을 가질 가능성이 높습니다. 함수 내에서 getScript으로 호출하여 참조가 아닌 j 값을 캡처 할 수 있습니다. 실제로 코드 샘플에서 볼 수 있듯이 실제로 "위젯"객체 자체를 캡처하는 것이 좋습니다.

success: function(widget_data) 
{ 

    if(widget_data.d[0]) { 

     var j = 0; 

     for (j = 0; j <= widget_data.d.length - 1; j++) { 

      getWidgetScript(widget_data.d[j]); 

      alert(widget_data.d[j].script); 

      // but this line works fine... 
      alert(widget_data.d[j].widget_id); 
      alert(widget_data.d[j].title); 

     } 

    } 

} 

function getWidgetScript(widget) { 
    $.getScript("js/" + widget.script, function() { 
     $(".widget_header_" + widget.widget_id).text(widget.title); 
    }); 
}