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