角点符号更好的解释

Question

我正在寻找关于 polling data using AngularJS 的解决方案，我在 stackoverflow 上找到了。

在此解决方案中（如下所示），它使用 javascript 对象来返回响应 (data.response)，如果我尝试将 data 对象替换为 简单的 javascript 数组，它 不起作用，我想确切地知道为什么我需要使用 dot notation 以及为什么单个数组不起作用？ （这将是很好的链接或示例解释）

app.factory('Poller', function($http, $timeout) {
  var data = { response: {}, calls: 0 };
  var poller = function() {
    $http.get('data.json').then(function(r) {
      data.response = r.data;
      data.calls++;
      $timeout(poller, 1000);
    });      
  };
  poller();

  return {
    data: data
  };
});

试图总结我的目标（我想真正理解的）：var data = { response: {}, calls: 0 }; 在哪里可以是var data = {}; 然后response.data 将直接设置为数据data = r.data 和return {data: data};，我为什么要这样做需要依赖点符号吗？

Answer 1

假设我们以这种方式更改工厂：

app.factory('Poller', function($http, $timeout) {
  var d = {};
  var poller = function() {
    $http.get('data.json').then(function(r) {
      d = r.data;
      $timeout(poller, 1000);
    });
  };
  poller();

  return d;
});

在控制器中，语句$scope.data = Poller;将d对象赋值给$scope.data，所以初始化后的对象关系是这样的

$scope.data -> d -> r.data

1秒后再次调用poller()时，d被替换为新对象，所以对象关系为

$scope.data -> d* -> r.data (d* is a new object)

所以 angularjs 的数据绑定将被破坏，因为 d* 是具有不同原型的全新对象，因此无法追踪到 r.data。

使用点表示法，初始化后对象关系永远不会改变，因为对 poll() 的定期调用不会创建新对象 d，但它只是使用新的 r.data 对象更新响应字段。

$scope.data -> d.response -> r.data