淺談Javascript中深復制
在javascript中，所有的object變量之間的賦值都是傳地址的，可能有同學會問哪些是object對象。舉例子來說明可能會比較好：
typeof(true) //"boolean"
typeof(1) //"number"
typeof("1") //"string"
typeof({}) //"object"
typeof([]) //"object"
typeof(null) //"object"
typeof(function(){}) //"function"
所以其實我們深復制主要需要處理的對象就是object對象，非object對象只要直接正常的賦值就好。我實現(xiàn)js深復制的思路就是：
遍歷所有該對象的屬性，
如果該屬性是"object"則需要特殊處理，
如果這個object對象比較特殊，是一個數(shù)組，那就創(chuàng)建一個新的數(shù)組并深復制數(shù)組里的元素
如果這個object對象是個非數(shù)組對象，那直接再對它遞歸調(diào)用深復制方法即可。
如果不是"object"，則直接正常復制就行。
下面就是我的實現(xiàn)了：
Object.prototype.DeepCopy = function () {
var obj, i;
obj = {};
for (attr in this) {
if (this.hasOwnProperty(attr)) {
if (typeof(this[attr]) === "object") {
if (this[attr] === null) {
obj[attr] = null;
}
else if (Object.prototype.toString.call(this[attr]) === '[object Array]') {
obj[attr] = [];
for (i=0; i<this[attr].length; i++) {
obj[attr].push(this[attr][i].DeepCopy());
}
} else {
obj[attr] = this[attr].DeepCopy();
}
} else {
obj[attr] = this[attr];
}
}
}
return obj;
};
如果瀏覽器支持ECMAScript 5的話，為了深復制對象屬性的所有特性，可以使用
Object.defineProperty(obj, attr, Object.getOwnPropertyDescriptor(this, attr));
來替代
obj[attr] = this[attr];
直接在Object.prototype上實現(xiàn)該方法的好處是，所有對象都會繼承該方法。壞處是某些庫也會改寫Object對象，所以有時會發(fā)生沖突。這是需要注意的。具體使用方法如下：
Object.prototype.DeepCopy = function () { ... }
var a = { x:1 };
var b = a;
var c = a.DeepCopy();
a.x = 2;
b.x = 3;
console.log(a.x); //3
console.log(b.x); //3
console.log(c.x); //1
以上就是關于深復制的講解了，不過今天既然我們講了深復制，那么想對應的還有淺復制，我們就來簡單總結下他們之間的異同吧。
淺復制(影子克隆):只復制對象的基本類型,對象類型,仍屬于原來的引用.
深復制(深度克隆):不緊復制對象的基本類,同時也復制原對象中的對象.就是說完全是新對象產(chǎn)生的.
相關文章
重繪和重排操作都是代價昂貴的操作，它們會導致web應用程序的UI反應遲鈍，所以應該盡可能減少這類過程的發(fā)生。下面我們來簡單了解一下2019-05-05
這篇文章給大家分享了關于JavaScript事件循環(huán)機制的相關知識點內(nèi)容，有興趣的朋友們可以學習參考下。2018-09-09
javascript的對話框詳解與參數(shù)...2007-03-03
這篇文章主要介紹了js單詞形式的運算符,需要的朋友可以參考下2014-05-05
js沒有in_array函數(shù)，但是我們可以自己給js寫一個in_array函數(shù)2013-11-11
這篇文章主要為大家介紹了javascript鴨子類型和多態(tài)，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助<BR>2022-01-01
這篇文章主要介紹了詳解JavaScript編程中正則表達式的使用,并列出了JS所支持的正則第oxo昂,需要的朋友可以參考下2015-10-10
這篇文章介紹了TypeScript開發(fā)環(huán)境的安裝方法，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-06-06
javascript Function函數(shù)理解與實戰(zhàn)
小編給大家?guī)硪黄P于javascript的基礎教學內(nèi)容，關于Function函數(shù)的訓練與理解，一起學習下吧。2017-12-12
JavaScript的Polymer框架中dom-repeat與VM的相關操作
這篇文章主要介紹了JavaScript的Polymer框架中dom-repeat與VM的相關操作,Polymer是由Ggoogle開發(fā)的Web UI相關框架,需要的朋友可以參考下2015-07-07