在 Angular 应用中，我们经常会遇到需要复制对象或数组的情况。在这种情况下，有两种基本的方法可以使用：angular.copy() 和赋值操作符 (=)。虽然它们都可以用来实现对象和数组的复制，但它们之间存在一些重要的区别。
赋值操作符 (=)
最简单的复制方法是使用赋值操作符 (=)。例如：
var originalArray = [1, 2, 3]; var copiedArray = originalArray;
在这个例子中，原始数组和复制数组实际上是同一个对象的引用。因此，当您修改复制数组时，原始数组也会被修改。
copiedArray.push(4); console.log(originalArray); // 输出 [1, 2, 3, 4]
这意味着如果您希望对原始对象进行更改，而不希望影响复制对象，则必须使用其他方法。
angular.copy()
angular.copy() 是 AngularJS 框架提供的一个函数，可用于创建对象或数组的完全独立副本。它采用两个参数：要复制的对象或数组，以及目标对象或数组。
var originalArray = [1, 2, 3]; var copiedArray = []; angular.copy(originalArray, copiedArray);
在这个例子中，copiedArray 是 originalArray 的一个完全独立的副本。因此，当您修改复制数组时，原始数组不会受到影响。
copiedArray.push(4); console.log(originalArray); // 输出 [1, 2, 3]
区别与指导
那么，为什么要使用 angular.copy() 呢？使用赋值操作符 (=) 可能更简单，但它并不总是安全的。如果您不小心修改了原始对象，则可能会对整个应用程序产生严重的影响。
通过使用 angular.copy() 函数，您可以创建独立的对象和数组副本，而不必担心对原始对象的任何更改。这使得代码更加稳定，并减少了需要调试的错误的数量。
在一些情况下，您可能还需要使用 angular.extend() 或者 ES6 的 Object.assign() 方法来实现对象的深层复制。
虽然 angular.copy() 的使用相对较少，但它是一个强大的工具，可以帮助您编写更健壮和可维护的代码。
示例代码
-- -------------------- ---- ------- -- ------- --- ----- --- ------------- - --- -- --- --- ----------- - -------------- -------------------- --------------------------- -- -- --- -- -- -- -- -- -------------- ----- --- ------------- - --- -- --- --- ----------- - --- --------------------------- ------------- -------------------- --------------------------- -- -- --- -- --
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/28151