私は配列にプッシュすると、それはまた別の配列にプッシュ

Question

これはJSです：HTMLと

angular.module('app', []) 
 
    .controller('fooCtrl', function($scope){ 
 
    var fooProto = { 
 
     arrayItems: [], 
 
     addItem: function(){ 
 
     var self = this; 
 
     self.arrayItems.push(new Date()); 
 
     } 
 
    }; 
 
    $scope.fooes = []; 
 
    $scope.foo1 = angular.extend({}, fooProto); 
 
    $scope.foo2 = angular.extend({}, fooProto); 
 
});

CodePen： http://codepen.io/qn0361/pen/vXQqPG

それから逃れるためにどのように？ ありがとうございました！

Answer 1

あなたは、配列

var fooProto = { 
     arrayItems: [], 
     addItem: function(){ 
     var self = this; 
     self.arrayItems.push(new Date()); 
     } 
    }; 

アレイは、あなたのオブジェクトをコピー、それをコピー性質type.So参照し、プロパティが参照型であれば持っているオブジェクトを持っているのでそれコピー

$scope.foo1 = angular.extend({}, fooProto); 

$scope.foo1はreferenece、彼らはすべてのコピーを取得し、参照同じオブジェクトを参照してください。したがって、同じオブジェクトを2つの参照で操作します。これは同じarrayを参照しています。

は、あなたはそれらのそれぞれが、それはarrayItems自分のしている、あなたはfooの2つのインスタンスを持つことになります。ここconstructor-function

function foo(){ 
    this.arrayItems = []; 
    this.addItem = function(){ 
     this.arrayItems.push(new Date()); 
    } 
} 

var foo1 = new foo(); 
var foo2 = new foo(); 

でそれを修正することができます。

あなたの場合、コピーするのではなく、新しいインスタンスを作成することを理解しているので、アイテムをコピーする必要はありません。'タイプ'。