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没克隆出来