es6 ...克隆与函数深度克隆

es6的...运算, 可以进行一层的深度克隆; 在多层的情况下,不要用这种啊. 

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

 1 const obj = {
 2     name:'laowang',
 3     son:{
 4         name:'xiaowang'
 5     }
 6 }
 7 const obj3 = {};
 8 obj3.name = obj.name;//这个效果和...运算时一致的;注意这和两个对象的地址一样的情况不同
 9 const obj1 = {...obj};
10 const obj2 = obj;
11 obj.name = "laoli";
12 console.log(obj1.name)//laowang 进行了深度克隆,和obj3的效果一样
13 console.log(obj2.name)//laoli
14 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没克隆出来

转载于:https://www.cnblogs.com/dangdanghepingping/p/10577665.html