Angular 1：通过控制器更新服务变量

Question

我以前也这样做过，但这次不知道出了什么问题。

一项服务：

angular.module('module')
  .service("BaseService", function() {
    var vm = this;
    var testValue = {a:1,b:2};
    vm.getTestValue = function(){
        return testValue;
    }
  });

控制器中的方法：

vm.getTest = function(){
      console.log(BaseService.testValue) // undefined - cool
      console.log(BaseService.getTestValue()) //{a: 1, b: 2} - cool
      var value = BaseService.getTestValue();
      console.log(value) // {a: 1, b: 2} - cool
      value.a = 20; // updated local object
      console.log(value) // {a: 20, b: 2} -cool
      console.log(BaseService.getTestValue())-- {a: 20, b: 2} -- ??? why
}

希望我的问题很清楚，为什么局部变量会在服务中更新，如果它的行为是这样的..在服务/工厂中获取设置功能的正确方法是什么....对功能进行原型设计会更好吗？在 vm 中附加函数。

Answer 1

您在服务中的变量 (testValue) 是属于 reference types 的对象。当您在控制器中使用它时，它只获得引用，对象保持不变。您实际上有 2 个对同一个对象的引用，因此通过其中一个引用更改它的属性会影响 object。所以你得到了改变的对象。

想象一个有两扇门的房间。这里的门是你的参考，房间是对象本身。当你从一扇门进来，改变房间里的东西，然后从另一扇门进来，你就能看到房间里的变化。

如果不想获取当前对象，可以在函数中copy对象并返回副本。

vm.getTestValue = function() {
    return angular.copy(testValue);
}