angular.copyを使用すると、参照を更新する代わりに、新しいオブジェクトが作成され、宛先に割り当てられます(宛先が指定されている場合)。しかし、それだけではありません。ディープコピーの後には、このクールなことが起こります。
ファクトリ変数を更新するメソッドを持つファクトリサービスがあるとします。
angular.module('test').factory('TestService', [function () {
var o = {
shallow: [0,1], // initial value(for demonstration)
deep: [0,2] // initial value(for demonstration)
};
o.shallowCopy = function () {
o.shallow = [1,2,3]
}
o.deepCopy = function () {
angular.copy([4,5,6], o.deep);
}
return o;
}]);
このサービスを使用するコントローラー
angular.module('test').controller('Ctrl', ['TestService', function (TestService) {
var shallow = TestService.shallow;
var deep = TestService.deep;
console.log('****Printing initial values');
console.log(shallow);
console.log(deep);
TestService.shallowCopy();
TestService.deepCopy();
console.log('****Printing values after service method execution');
console.log(shallow);
console.log(deep);
console.log('****Printing service variables directly');
console.log(TestService.shallow);
console.log(TestService.deep);
}]);
上記のプログラムを実行すると、出力は次のようになります。
****Printing initial values
[0,1]
[0,2]
****Printing values after service method execution
[0,1]
[4,5,6]
****Printing service variables directly
[1,2,3]
[4,5,6]
したがって、角度コピーを使用する優れた点は、宛先の参照が値の変更に反映されるため、手動で値を再度割り当てる必要がないことです。