在javascript中，所有的object變量之間的賦值都是傳地址的，可能有同學(xué)會(huì)問(wèn)哪些是object對(duì)象。舉例子來(lái)說(shuō)明可能會(huì)比較好：
typeof(true) //"boolean"
typeof(1) //"number"
typeof("1") //"string"
typeof({}) //"object"
typeof([]) //"object"
typeof(null) //"object"
typeof(function(){}) //"function"
所以其實(shí)我們深復(fù)制主要需要處理的對(duì)象就是object對(duì)象，非object對(duì)象只要直接正常的賦值就好。我實(shí)現(xiàn)js深復(fù)制的思路就是：
遍歷所有該對(duì)象的屬性，
如果該屬性是"object"則需要特殊處理，
如果這個(gè)object對(duì)象比較特殊，是一個(gè)數(shù)組，那就創(chuàng)建一個(gè)新的數(shù)組并深復(fù)制數(shù)組里的元素
如果這個(gè)object對(duì)象是個(gè)非數(shù)組對(duì)象，那直接再對(duì)它遞歸調(diào)用深復(fù)制方法即可。
如果不是"object"，則直接正常復(fù)制就行。
下面就是我的實(shí)現(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的話，為了深復(fù)制對(duì)象屬性的所有特性，可以使用
Object.defineProperty(obj, attr, Object.getOwnPropertyDescriptor(this, attr));
來(lái)替代
obj[attr] = this[attr];
直接在Object.prototype上實(shí)現(xiàn)該方法的好處是，所有對(duì)象都會(huì)繼承該方法。壞處是某些庫(kù)也會(huì)改寫(xiě)Object對(duì)象，所以有時(shí)會(huì)發(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
以上就是關(guān)于深復(fù)制的講解了，不過(guò)今天既然我們講了深復(fù)制，那么想對(duì)應(yīng)的還有淺復(fù)制，我們就來(lái)簡(jiǎn)單總結(jié)下他們之間的異同吧。
淺復(fù)制(影子克隆):只復(fù)制對(duì)象的基本類型,對(duì)象類型,仍屬于原來(lái)的引用.
深復(fù)制(深度克隆):不緊復(fù)制對(duì)象的基本類,同時(shí)也復(fù)制原對(duì)象中的對(duì)象.就是說(shuō)完全是新對(duì)象產(chǎn)生的.
