es6 ...克隆與函數深度克隆

es6的...運算, 可以進行一層的深度克隆; 在多層的情況下,不要用這種啊. 

用深度克隆函數,或者JSON.parse(JSON.stringify(obj)),但json方式要求不能有屬性值是函數的對象

const obj = {
    name:'laowang',
    son:{
        name:'xiaowang'
    }
}
const obj3 = {};
obj3.name = obj.name;//這個效果和...運算時一致的;注意這和兩個對象的地址一樣的情況不同
const obj1 = {...obj};
const obj2 = obj;
obj.name = "laoli";
console.log(obj1.name)//laowang 進行了深度克隆,和obj3的效果一樣
console.log(obj2.name)//laoli
console.log(obj3.name)//laowang

用JSON的方式:

const obj = {
    name:'laowang',
    son:{
        name:'xiaowang'
    },
    fn: function(){
        console.log('fn')
    }
}

const obj1 = JSON.parse(JSON.stringify(obj));
obj.name = 'laoli'

　　

obj1

1. {name: "laowang", son: {…}}
1. name: "laowang"
2. son: {name: "xiaowang"}
3. __proto__: Object  //第三項的fn沒克隆出來