解释 :
我们遇到过一些情况,需要将一个对象复制到另一个对象。在这种情况下,我们可能有两种解决方案:角度.copy() or 角度.extend().
我面临的挑战:
据我们所知angular.copy(source, destination)
创建源对象的深层副本并将其分配给目标。通过编写深度复制,我们的意思是创建了所引用对象的新副本并且其工作正常。
深拷贝代码:
var mySource = {'name' : 'Beta', 'age' : '24'}
var myDest = {}
angular.copy(mySource,myDest);
mySource.name = "Alpha";
console.log(mySource); // Object {name: "Alpha", age: "24"}
console.log(myDest); // Object {name: "Beta", age: "24"}
console.log(mySource.obj === myDest.obj); // false
这里,我修改源对象mySource.name = "Alpha"
但它不影响目标对象myDest
正如预期的那样。
如果我们检查mySource.obj === myDest.obj
,这将给出 false,因为两者都指向不同的对象。
现在,我面临着问题angular.extend(destination, source)
因为它创造了一个shallow copy
意味着源和目标都将指向相同的地址。So, if i will modify source object then it will also reflect in destination object. But it's not happening.
浅拷贝代码:
var mySource = {'name' : 'Beta', 'age' : '24'}
var myDest = {}
angular.extend(myDest,mySource);
mySource.name = "Alpha";
console.log(mySource); // Object {name: "Alpha", age: "24"}
console.log(myDest); // Object {name: "Beta", age: "24"}
console.log(mySource.obj === myDest.obj); // True
jsfiddle:https://jsfiddle.net/U3pVM/24322/
由于我是新手,需要帮助来理解 angular.copy() 和 angular.extend() 的正确流程。
任何立即的帮助都将非常感激。谢谢