是否可以在 Javascript 中告诉一个对象停止对另一个对象的引用行为

Question

刚刚重新开始大量使用 Javascript 并尝试更好地理解 Javascript 对象。我之前问过上一个问题，但这个问题不同。我可以断开对象之间存在的引用关系吗？

例如：

var objA={};
objA.my_name='Joe';
var objB=objA;
objB.my_name="jake"; // objA.my_name="jake"
objB.something="this is something";
objA.last_name="Jackson";
console.log(objA.something);  // "this si something" can add to parent object at runtime
console.log(objB.last_name);  // "Jackson" can add to child object at runtime
// now I'd like to cut off objB from objA such that:
objB.cell_phone='323-213-2323';
console.log(objA.cell_phone); // '323-213-2323' but would like undefined; would like this behavior

提前谢谢

Answer 1

你不能告诉一个对象停止引用行为。这就是 javascript 的工作方式。

您可以复制一个对象，以便创建一个与原始对象具有相同属性的全新对象，但它是一个完全独立的对象，不具有引用行为。

可以通过简单地迭代对象的属性并将每个属性分配给一个新对象来制作浅拷贝。

function shallowCopy(src, dest) {
    for (var prop in src) {
        if (src.hasOwnProperty(prop)) {
            dest[prop] = src[prop];
        }
    }
} 

数组的浅拷贝可以这样完成：

var arr = [1,2,3];
var copyArr = [].slice.call(arr, 0);

作为对象或数组本身的属性也被复制的深拷贝需要更多的工作，因为您基本上必须检查它们是否是对象或数组，然后递归地复制它们及其内容。如此处所示的浅拷贝要容易得多，而且如果您知道数据的内容通常就足够了。

---

如果想看高级版的复制（包括深复制），可以看jQuery的.extend()函数here的代码。按照该链接搜索fn.extend。