一、淺拷貝

例子：

var Chinese = {
    nation: '中國',
    arr: [ 1, 2, 3],
    obj: {
	name: 'yzs',
	age: 18
    }
};
function extendCopy (p) {
    var c = {};
    for (var i in p) {
	c[i] = p[i];
    }
    return c;
}
var Doctor = extendCopy (Chinese);
Doctor.arr.push(4);
console.log(Doctor);  //  其中arr選項變為【1,2,3,4】
console.log(Chinese);  //  其中arr選項變為【1,2,3,4】
 

但是，這樣的拷貝有一個問題。那就是，如果父物件的屬性等於陣列或另一個物件，那麼實際上，子物件獲得的只是一個記憶體地址，而不是真正拷貝，因此存在父物件被篡改的可能。

二、深拷貝

所謂”深拷貝”，就是能夠實現真正意義上的陣列和物件的拷貝。它的實現並不難，只要遞迴呼叫”淺拷貝”就行了。

function deepCopy ( p, c ) {
  var obj = c||{};
  if (p) {
    for (var i in p) {
      if (typeof(p[i]) === 'object') {
        obj[i] = (p[i].constructor === Array ? [] : {});
        deepCopy( p[i], obj[i] );
      } else {
         obj[i] = p[i];
      }
    }
    return obj;
  }
  return '';
}
 

使用深拷貝

console.log('深拷貝');
var Doctor = deepCopy(Chinese);
Doctor.career = '醫生';
Doctor.nation = '美國';
Doctor.arr.push(4);
console.log(Doctor);
console.log(Chinese);

$.extend()

jquery 中$.extend()如同。

$.extend( [deep ], target, object1 [, objectN ] )

 •deep
型別: Boolean
如果是true，合併成為遞迴（又叫做深拷貝）。
 •target
型別: Object
物件擴充套件。這將接收新的屬性。
 •object1

當我們提供兩個或多個物件給$.extend()，物件的所有屬性都新增到目標物件（target引數）。

如果只有一個引數提供給$.extend()，這意味著目標引數被省略。在這種情況下，jQuery物件本身被預設為目標物件。這樣，我們可以在jQuery的名稱空間下新增新的功能。這對於外掛開發者希望向 jQuery 中新增新函式時是很有用的。

請記住，目標物件（第一個引數）將被修改，並且將通過$.extend()返回。然而，如果我們想保留原物件，我們可以通過傳遞一個空物件作為目標物件：

var object = $.extend({}, object1, object2);

在預設情況下，通過$.extend()合併操作不是遞迴的;如果第一個物件的屬性本身是一個物件或陣列，那麼它將完全用第二個物件相同的key重寫一個屬性。這些值不會被合併。可以通過檢查下面例子中 banana 的值，就可以瞭解這一點。然而，如果將 true 作為該函式的第一個引數，那麼會在物件上進行遞迴的合併。

警告:不支援第一個引數傳遞 false 。

1. 合併兩個物件，並修改第一個物件。

2. 採用遞迴方式合併兩個物件，並修改第一個物件。

3. 合併 defaults 和 options 物件，並且不修改 defaults 物件。這是常用的外掛開發模式。