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

Question

我想知道是否可以使用while或for嵌套调用$http.get：

这是一个例子：

for (var i = 0; i < $scope.comments.length; i++) {
   alert($scope.comments[i].id); // = 2
   $http.get('/api/logged/like/isliked?id=' + $scope.comments[i].id).success(function(data, status, header, config) {
        alert('Test');
        alert($scope.comments[i].id); // Not executed.
   }).error(function(data){alert('The requeste isn't working');}); }

我放了两个alerts来显示我用来检索JSON的评论的ID。我收到第一个警报的ID，然后是第二个的“测试”，但没有显示第三个警报。为什么不？

这是JSON的示例：

{data":[
   {"id":2,"is_liked":false,"nb_comments":1,"nb_likes":1,
    "date_creation":"2014-05-26T17:03:54+0000"},
   {"id":1,"is_liked":true,"nb_comments":0,"nb_likes":1,
    "date_creation":"2014-05-26T17:00:26+0000"}
]}

Answer 1

问题：

不要在循环内创建函数 …

函数的每次调用实际上都引用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中的重要概念）。