JS關(guān)于基礎(chǔ)類型和引用類型的數(shù)據(jù)請點擊：JS數(shù)據(jù)類型
請充分理解之后再來看這篇文章哦~

基本類型的拷貝

先來看一段非常經(jīng)典的代碼

var a = 1;
var b = a;
a = 200;
console.log(a);      //200
console.log(b);      //1

我們應(yīng)該知道基本類型“按值傳遞”，引用類型“按引用傳遞”，數(shù)值作為基本類型是保存在棧內(nèi)存中，可以直接拿來用的，賦值是什么那么之后就一直是什么，不會受到傳遞元素的改變帶來的影響，所以這里就不難理解上面的代碼得到的值的原因了。

引用類型的拷貝

簡單說，引用類型是生成一個指針保存的堆內(nèi)存中，當(dāng)給引用類型賦值時，我們寫的內(nèi)容是在棧內(nèi)存中，也就是說我們拿到的其實是一個指針（不會直接拿到棧內(nèi)存中的內(nèi)容）。這個指針是指向棧內(nèi)存中這個引用類型的代碼。
提到拷貝涉及到的兩種拷貝類型：深拷貝和淺拷貝

淺拷貝

淺拷貝針對對象中的基本類型的值生效，但是對引用類型中還有引用類型的情況就會失效。

var a = {
  name:"mary",
  age:20,
  hobby:"eat"
}

function shadowCopy(obj){
  var newObj = {};
  for(var key in obj){
     newObj[key] = obj[key];
  }
  return newObj;
}
var b = shadowCopy(a);
console.log(b)

這是得到的就是一個和a完全一樣的對象，這個函數(shù)就是一個淺拷貝函數(shù)。

深拷貝

深拷貝是針對對象中還有引用類型的情況，使用深拷貝可以使新創(chuàng)建的對象和原來的完全脫離關(guān)系

var a = {
  name:"mary",
  age:20,
  friend:{
    name:"哈哈",
    age:19,
    hobby:"eat"
  }
}

function deep(obj){
  var newobj = {};
  for(var key in obj){
    if(obj.hasOwnProperty(key)){
      if(typeof obj[key] === "number" || typeof obj[key] === "string" || typeof obj[key] === "boolean" || obj[key] === undefined || obj[key] === null){
         newobj[key] = obj[key];
      }else{
        newobj[key] = deep(obj[key]);
      }
    }
  }
  return newobj;
}
var b = deep(a);
a.friend.age = 29;        //此處修改了a對象中的某個值，但是經(jīng)過函數(shù)處理，b里面的這個值不會發(fā)生改變
console.log(a);
console.log(b);

里面的hasOwnProperty這個屬性請參考 MDN的解釋