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