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