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