javascript - 当我改变一个变量的值时，另一个变量也在改变

Question

我通过使用以下方法从数据库中获取值并将输出数据插入两个变量，当我更改 $scope.contactRole 中的值时，“contactRoleForTrace”的值也在更改，但我不想改变它。那么你能告诉我我该怎么做吗？

var contactRoleForTrace = [];
$scope.getUserRoles = (function () {
    //Method to get data from database
    intakeAppFactory.getRoles(item)
        .success(function (data) {
            contactRoleForTrace = data;
            $scope.contactRole = data;
        }).error(function (data, status) {
            $scope.error = "An Error has occured!";
        });
});

Answer 1

目前您直接将 data 对象引用分配给 contactRoleForTrace & $scope.contactRole，因此任何更改都会发生在 $scope .contactRole/data 将自动更新 contactRoleForTrace 变量，因为它们绑定(bind)到相同的引用(data 对象)。

您应该使用 angular.copy 它将创建 data 对象的克隆，因此 contactRoleForTrace 和 $scope.contactRole 将指向不同的引用。

contactRoleForTrace = angular.copy(data);