标签：数据 div 同名 通过 bsp str 因此 针对 name
深复制和浅复制只针对像 Object, Array 这样的复杂对象的。
简单来说，浅复制只复制一层对象的属性，而深复制则递归复制了所有层级。
比如浅拷贝：
当B拷贝了A的数据，且当B的改变会导致A的改变时，此时叫B浅拷贝了A，例如：
//浅拷贝
var A={
name:"martin",
data:{num:10}
}
var B={}
var B=A;
B.name="lucy";
console.log(A.name); //lucy
A直接赋值给B后，B中name属性的改变导致了A中name属性也发生了变化。
第一层“深拷贝”：就是对于A对象下所有的属性和方法都进行了深拷贝，
但是当A对象下的属性如data是对象时，它拷贝的是地址，也就是浅拷贝，这种拷贝方式还是属于浅拷贝。
多层深拷贝：能将A对象下所有的属性，及时属性是对象，也能够深拷贝出来，让A和B相互独立，这种叫才叫深拷贝。
var A={
name:"martin",
data:{num:10}，
say:function(){
console.log("hello world")
}
}
var B={}
Object.assign(B,A); //将A拷贝到B
B.name="lucy";
console.log(A.name); //martin,发现A中name并没有改变
B.data.num=5;
console.log(A.data.num); //5,发现A中data的num属性改变了，说明data对象没有被深拷贝
直接赋值：这种方式实现的就是纯粹的浅拷贝，B的任何变化都会反映在A上。
Object.assign():这种方式实现的实现的是单层“深拷贝”，但不是意义上的深拷贝，对深层还是实行的浅拷贝。
当B拷贝了A的数据，且当B的改变不会导致A的改变时，此时叫B深拷贝了A，例如：
//深拷贝
var A={
name:"martin",
data:{num:10}，
say:function(){
console.log("hello world")
}
} //开辟了一个新的堆内存地址，假设为placaA
var B={}; //又开辟了一个新的堆内存地址，假设为placeB
B=JSON.parse(JSON.stringfy(A));
B.name="lucy";
console.log(A.name); //martin
通过JSON对象方法实现对象的深拷贝，我们可以看到其中B.name值的改变并没有影响A.name的值，因为A和B分别指向不同的堆内存地址，因此两者互不影响。
理解了深浅拷贝，接下来说一下深拷贝的几种方式。
首先假设一个已知的对象A，然后需要把A深拷贝到B。
var A={
name:"martin",
data:{num:10},
say:function () {
console.log("say");
}
};
var B={};
function deepCopy(A,B) {
for(item in A){
if(typeof item=="object"){
deepCopy(item,B[item]);
}else{
B[item]=A[item];
}
}
}
deepCopy(A,B);
B.data.num=5;
console.log(A.data.num); //10，A中属性值并没有改变,说明是深拷贝
通过这种方式能实现深层拷贝，而且能自由控制拷贝是如何进行的，如：当B中有和A同名的属性，要不要重新赋值？这些都可以进行控制，但是代码相对复杂一些。
var B=JSON.parse(JSON.stringify(A));
B.data.num=5;
console.log(A.data.num); //10,A中属性值并没有改变,说明是深拷贝
用这种方式实现深拷贝的时候要 ， ，上述代码中B也并没有拷贝出A中的say函数，这和JSON.stringify方法的规则有关系，它在序列化的时候会直接忽略函数，因此最后A中的say函数没有被拷贝到B，关于JSON.stringify序列化的具体规则见JSON.stringify指南。
递归：使用递归进行深拷贝时比较灵活，但是代码较为复杂；
JSON对象：JSON对象方法实现深拷贝时比较简单，但是当拷贝对象包含方法时，方法会被丢失；
标签：数据 div 同名 通过 bsp str 因此 针对 name
原文地址：https://www.cnblogs.com/hixkk/p/14484665.html
