使用$ http.get的`while`或`for`循环

使用$ http.get的`while`或`for`循环

问题：

不要在循环内创建函数 …

函数的每次调用实际上都引用

i

内存中的相同副本。每次for循环运行时都会创建一个新的闭包，但是每个闭包都捕获相同的环境。因此，对

$http.get

（异步函数）的每次调用都会导致调用一个回调，该回调引用从循环结束开始引用的相同
最终 值

i

。

一个办法：

传递

i

作为参数来单独定义的函数：

var getIsLiked = function(i){  $http.get('isliked.json' + $scope.comments[i].id)    .success(function(data) {      console.log('Test');      console.log('i is ', i);      console.log($scope.comments[i].id);  }).error(function(data){console.log("The request isn't working");}); }}for (var i = 0; i < $scope.comments.length; i++) {  getIsLiked(i);}

演示版

这可能很难使您的头脑转转，但是值得花时间来深入了解。它不仅可以帮助您避免将来出现类似的问题，而且还可以使您更好地了解闭包（Javascript中的重要概念）。