JavaScript 深層克隆對象
今天做項目，有個需求需要用到深層克隆對象，并且要求在原型鏈上編程 于是心血來潮索性來復習一下這個知識點，在網上找了相應的知識，
克隆對象，這名詞看著高大上，其實也沒什么，便是拷貝一個長的一模一樣的對象
也許有初學的小伙伴在想，那還不簡單么，so easy
var obj1 = {name: 'payen'};
var obj2 = obj1;
這可并不是克隆對象，obj1和obj2根本就是同一個對象，
他倆指向同一個內存地址空間，拿到了同樣的一個小房子
這是應為對象是引用值
說到引用值
JavaScript中引用值只有對象
這里注意，數組是特殊的對象，函數也是特殊的可執行對象， 也就是說，它們也是對象 ，所謂深層克隆對象就是說它并不想要同樣的房子，房子你也要給我復制一份一模一樣的 不知道我這么說大家能不能理解=￣ω￣= ，也就是深層克隆對象引用值要拷貝，而相對的淺層克隆對象只要把那個引用值拿過來就好了 ，不明白不要緊，看完代碼就理解了
首先來一起看看淺層克隆對象吧
var house = { name: 'payen', people: { father: true, mother: true }}function easyClone(obj){ var newObj = {}; for(var prop in obj){ if(obj.hasOwnProperty(prop)){ newObj[prop] = obj[prop]; } } return newObj;}var newHouse = easyClone(house);不要吐槽我用easy，一時想不起來“淺”英文咋說來著（真不知道我英語六級怎么過的） 。關于那個for-in有一個小性能問題，感興趣的童鞋可以看看我的另一篇文章
這段代碼很簡單我就不多解釋了
來看看chrome控制臺
看樣子很棒的樣子
那么我現在做一件事
給新房子加一個人
看來這個”新房子”并不新啊，不要被變量名字迷惑了所以，有引用值出現，淺層克隆并不好用了
既然如此，我們怎么辦呢
既然要得到新的對象，我們創建一個新對象，把舊對象內部的東西，再拷貝到新對象不就得了
還有一個問題如果對象里還有對象呢
那么就繼續重復創建添加的過程，很顯然是一個循環的過程
不過循環有兩種
迭代
遞歸
毫無疑問遞歸更勝一籌
在遞歸循環中，遇到滿足終止條件的條件時逐層返回來結束 ，那么我們就可以通過遞歸逐層查找引用值，直到沒有引用值為止
還是看代碼吧
var house = { name: 'payen', people: { father: true, mother: true, child: { age: 1 } }, money: [1000,2000,3000]}function deepClone(original, target){ var target = target || {};// 如果target為undefined或沒傳參，設置空對象 for(var prop in original){// 遍歷原對象 if(original.hasOwnProperty(prop)){// 只拷貝對象內部，不考慮原型鏈 if(typeof original[prop] === 'object'){// 引用值 if(Object.prototype.toString.call(original[prop]) === '[object Array]'){ target[prop] = [];// 處理數組引用值 }else{ target[prop] = {};// 處理對象引用值 }// 可以用三目運算符 deepClone(original[prop],target[prop]);// 遞歸克隆 }else{// 基本值 target[prop] = original[prop]; } } } return target;}var newHouse = deepClone(house);上面寫了那個if-else挺適合用三目運算符的，不過我感覺太冗長了，強迫癥表示看了很不舒服 ，為了證明它真的深層克隆了，我特意把原始房子變復雜了 ，（我們不考慮函數的深層克隆，麻煩并且意義不大） ，這回它真的是新房子了
我就不展開了
可以看出來在新對象的引用值改動，舊對象并沒有變
在原型鏈上編程同理
var house = { name: 'payen', people: { father: true, mother: true, child: { age: 1 } }, money: [1000,2000,3000]}Object.prototype.cloneTo = function(obj){ var obj = obj || {}; for(var prop in this){ if(this.hasOwnProperty(prop)){ if(typeof this[prop] === 'object'){ if(Object.prototype.toString.call(this[prop]) === '[object Array]'){ obj[prop] = []; }else{ obj[prop] = {}; } this[prop].cloneTo(obj[prop]); }else{ obj[prop] = this[prop]; } } } return obj;}var newHouse = {};house.cloneTo(newHouse);感謝閱讀，希望能幫到大家，謝謝大家對本站的支持！
新聞熱點
疑難解答
