jQuery.extend() 深拷贝没有像我预期的那样工作？

Question

我正在使用 jQuery 测试深拷贝，但我得到了一个空对象而不是正确的副本。

但函数loop2 会按预期进行复制（作为参考传递）。

但是loop 不会也获得扩展/合并对象的引用吗？

为什么没有正确通过？

var obj1 = { hello: { f: 1 } };
var obj2 = {};

function loop(original, copy) {
    copy = $.extend(true, {}, original);
    console.log(copy);
}

function loop2(original, copy) {
    $.extend(true, copy, original);
    console.log(copy);
}

function run() {
    loop(obj1, obj2);
    console.log(obj2);

    loop2(obj1, obj2);
    console.log(obj2);
}

输出：

Object {hello: Object}
Object {}  ---> why this one did not get the correct content?
Object {hello: Object}
Object {hello: Object}

Answer 1

这是因为在循环函数中，您正在创建新对象并将其分配给函数范围内的局部变量。全局变量和与之关联的对象不会被修改。此行为未连接到 jQuery.extend()，并且在没有它的情况下也可以正常工作：

var obj2 = {};

function loop(copy) {
  copy = 'a'; //new value assigned, not its reference
  console.log(copy); //a
}

loop(obj2);
console.log('->', obj2); //{}
//it is OK. Its reference was not touched

function loop2(copy) {
  copy.a = 'a'; //added a new property to its reference
  console.log(copy); //{ a: 'a' }
}

loop2(obj2);
console.log('->', obj2); //{ a: 'a' }
//it is OK. Its reference was touched