關閉/回調在環

Question

可能重複：
Event handlers inside a Javascript loop - need a closure?

我一直在努力得到這個工作了一段時間，並決定只問。

我有以下幾點：

function doSomething(var1, var2) { 
    dojo.xhrGet({ 
     url:"somUrl", 
     content: {value1:var1,value2:var2}, 
     preventCache: true, 
     handleAs:"json", 
     load: function(response){ 
      for(var i in response.myObject) { 
       var listItem = new dojox.mobile.ListItem({ 
        label: response.myObject[i].name, 
        rightText: response.myObject[i].value, 
        clickable: true, 
        onClick: function() { 
         customFunction(response.myObject[i]); 
         this.transitionTo("someScreen"); 
        } 
       }); 
       myList.addChild(listItem); 
      }    
     }, 
     error:function(e){alert(e);} 
    }); 
} 
doSomething(myVal1, myVal2); 

，說customFunction(response.myObject[i]);始終返回myObject的arrray的最後一個對象行。

有人可以幫助我的語法，所以我可以使這個工作正確嗎？我一直在閱讀關於js關閉和回調的問題，但我無法完成它的工作。

感謝

Answer 1

你需要額外的包裝功能

onClick: (function(obj) { 
    return function() { 
     customFunction(obj); 
     this.transitionTo("someScreen"); 
    }; 
})(response.myObject[i]) 

見this answer解釋：

JavaScript的作用域是功能級別的，而不是塊級別的，並且創建一個閉包就意味着封閉作用域被添加到所包含函數的詞彙環境 中。

循環結束後，函數級變量i有 值5 [注：或者，在這種情況下，最後一個屬性的response.myObject名稱]，這就是內在功能「看到。

Answer 2

您需要確保i包含在封閉在每個迭代的for循環：

[...] 
    load: function(response){ 
     for(var i in response.myObject) { 
      var listItem = new dojox.mobile.ListItem({ 
       label: response.myObject[i].name, 
       rightText: response.myObject[i].value, 
       clickable: true, 
       onClick: (function(inner) { 
        return function (clickEvent) { 
         customFunction(response.myObject[inner]); 
         this.transitionTo("someScreen"); 
        } 
       }(i)) 
      }); 
      myList.addChild(listItem); 
     }    
    } 
[...]