【前端面试题js-1】理解深浅拷贝

深拷贝，浅拷贝

• 浅拷贝是创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型，拷贝的就是基本类型的值，如果属性是引用类型，拷贝的就是内存地址，如果其中一个对象改变了这个地址，就会影响到另一个对象。
• 方式一： 

function shallowCopy(obj) {
var target = {}
for (var i in obj) {
if (obj.hasOwnProperty(i)) {
target[i] = obj[i]
}
}
return target
}

• 方式二：

Object.assign()

•  方式三：

...扩展运算符

• 方式四：

concat

• 方式五：

lodash clone

• 深拷贝是将一个对象从内存中完整的拷贝一份出来，从堆内存中开辟一个新的区域存放新对象，且修改新对象不会影响原对象。
• 方式一：

function deepClone(obj){
var cloneObj = new obj.constructor()
// 过滤特殊情况
if(obj === null) return obj
if(obj instanceof Date) return new Date(obj)
if(obj instanceof RegExp) return new RegExp(obj)
if(typeof obj !== 'object') return obj
for (var i in obj) {
if (obj.hasOwnProperty(i)) {
cloneObj[i] = deepClone(obj[i])
}
}
return cloneObj
}

• 方式二： 

var person1 = JSON.parse(JSON.stringfy(person))

缺点：json和函数，正则不拷贝 

• 方式三：

$.extend

lodash deepClone

针对引用类型来说 赋值，深拷贝，浅拷贝的区别

1.浅拷贝，赋值的区别

• 当我们把一个对象赋值给一个新的变量时，赋的其实是该对象的在栈中的地址，而不是堆中的数据。也就是两个对象指向的是同一个存储空间，无论哪个对象发生改变，其实都是改变的存储空间的内容，因此，两个对象是联动的。
• 浅拷贝：重新在堆中创建内存，拷贝前后对象的基本数据类型互不影响，但拷贝前后对象的引用类型共享同一块内存，会相互影响。
• 深拷贝：从堆内存中开辟一个新的区域存放新对象，对对象中的子对象进行递归拷贝，拷贝前后两个对象互不影响。

2.内存表示

• 赋值

• 浅拷贝

• 深拷贝 

3.对比表格 

和原数据是否指向同一对象	和原数据是否指向同一个对象	第一层数据为一般数据类型	第一层数据不是一般数据类型
赋值	是	改变会使原始数据一同改变	改变会使原始数据一同改变
浅拷贝	否	改变不会使原始数据一同改变	改变会使原始数据一同改变
深拷贝	否	改变不会使原始数据一同改变	改变不会使原始数据一同改变