在javascript中,所有的object變量之間的賦值都是傳地址的,可能有同學會問哪些是object對象。舉例子來說明可能會比較好:
複製代碼代碼如下:
typeof(true) //"boolean"
typeof(1) //"number"
typeof("1") //"string"
typeof({}) //"object"
typeof([]) //"object"
typeof(null) //"object"
typeof(function(){}) //"function"
所以其實我們深複製主要需要處理的對象就是object對象,非object對像只要直接正常的賦值就好。我實現js深複製的思路就是:
遍歷所有該對象的屬性,
如果該屬性是"object"則需要特殊處理,
如果這個object對像比較特殊,是一個數組,那就創建一個新的數組並深複製數組裡的元素
如果這個object對像是個非數組對象,那直接再對它遞歸調用深複製方法即可。
如果不是"object",則直接正常複製就行。
下面就是我的實現了:
複製代碼代碼如下:
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上實現該方法的好處是,所有對像都會繼承該方法。壞處是某些庫也會改寫Object對象,所以有時會發生衝突。這是需要注意的。具體使用方法如下:
複製代碼代碼如下:
Object.prototype.DeepCopy = function () { ... }
var a = { x:1 };
var b = a;
var c = a.DeepCopy();
ax = 2;
bx = 3;
console.log(ax); //3
console.log(bx); //3
console.log(cx); //1
以上就是關於深複製的講解了,不過今天既然我們講了深複製,那麼想對應的還有淺複製,我們就來簡單總結下他們之間的異同吧。
淺複製(影子克隆):只複製對象的基本類型,對像類型,仍屬於原來的引用.
深複製(深度克隆):不緊複製對象的基本類,同時也複製原對像中的對象.就是說完全是新對象產生的.