угловая точка обозначение лучше описание

Question

Я искал решение о polling data using AngularJS, и я нашел здесь, в stackoverflow.

В этом решении (как показано ниже) используется в JavaScript Object, чтобы вернуть ответ (data.response), и если я пытаюсь заменить этот data объект для простого яваскрипта массива он не работает, я бы как точно знать, почему мне нужно пойти с 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 

Когда Poller() снова вызывается в 1 сек, д заменяется новым объектом, поэтому отношения объект будет

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

поэтому привязка данных angularjs будет нарушена, так как нет никакого способа проследить до r.data, так как d * - совершенно новый объект с другим прототипом.

С обозначением точки после инициализации отношения к объекту никогда не меняются, поскольку периодические вызовы poll() не создают новый объект d, но он просто обновляет поле ответа с помощью нового объекта r.data.

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