別急著走,利用window.JSON的方法做深拷貝存在2個 缺點:
如果你的對象里有函數(shù),函數(shù)無法被拷貝下來
無法拷貝對象原型鏈上的屬性和方法
例如下面這種情況:對象里包含函數(shù)
var o1 = {
name:"小明",
age:12,
city:"廣州",
schools:["小學(xué)","中學(xué)","大學(xué)"],
say:function(){
alert(this.name);
}
}
for...in 遍歷對象,找出自身的屬性,且會搜索原型,即也會查找原型上的屬性
__proto__不可枚舉的屬性
obj.hasOwnProperty() 返回布爾值 判斷屬性是否是自有屬性
JSON.parse(JSON.stringify(o1)) 可以將只有屬性/不存在方法的對象復(fù)制
JSON.stringify 將對象轉(zhuǎn)換成字符串,轉(zhuǎn)換的過程,會忽略掉方法.
//下面的方法可以實現(xiàn) 深深度復(fù)制(復(fù)制包括函數(shù))
function deepClone(oldObj){
var newObj = {};
for(var key in oldObj){
if(oldObj.hasOwnProperty(key)){
if(oldObj[key].constructor == Array){ //判斷oldObj[key]值是否數(shù)組/對象
newObj[key] = oldObj[key].slice();
}else if(oldObj[key].constructor == Object){
newObj[key] == deepClone(oldObj[key]);
}else{
newObj[key] = oldObj[key];
}
}
}
return newObj;
}
var o2 = deepClone(o1);
當(dāng)然,你明確知道他們的缺點后,如果他的缺點對你的業(yè)務(wù)需求沒有影響,就可以放心使用了,一行原生代碼就搞定。
目前我在開發(fā)業(yè)務(wù)場景中，大多還真可以忽略上面2個缺點。往往需要深拷貝的對象里沒有函數(shù)，也不需要拷貝它原型鏈上的屬性。
js堆棧
由于js中的對象都是復(fù)雜數(shù)據(jù)類型,這種數(shù)據(jù)在內(nèi)存中存儲的時候,存放在堆中。當(dāng)簡單賦值的時候，其實是將該對象的指針指向同一個堆地址。
簡單的數(shù)據(jù)類型存放在棧中，當(dāng)對簡單的數(shù)據(jù)類型進(jìn)行賦值的時候，其實就是直接在棧中新開辟一個地方專門存儲一樣的值。
數(shù)據(jù)結(jié)構(gòu)里的堆棧:
棧(stack): 由編譯器自動分配, 存放函數(shù)的參數(shù)值, 局部變量的值等. 其操作方式類似于數(shù)據(jù)結(jié)構(gòu)中的棧.
堆(heap): 一般由程序員分配釋放, 若程序員不釋放, 程序結(jié)束時可能由OS回收. 這里OS是指: 操作系統(tǒng)（Operating System）
