浅拷贝与深拷贝

参考：
https://smalldata.tech/blog/2018/11/01/copying-objects-in-javascript

浅拷贝

Object.assign(target, source)

如果对象的属性值是对象或数组，则只复制引用。

let source = { name: 'hao'}
let target = Object.assign({}, source)

展开运算符

跟Object.assign相同的作用

let source = { name: 'hao'}
let target = {...source}

数组的浅拷贝

let arr = [1, 2, 3]
let arr2 = arr.slice()

深拷贝

转换成json再转回对象

let source = { a: '1', b: { c: '' }}
let target = JSON.parse(JSON.stringify(source))	// target是一个新对象且跟source内容一致

let source = { a: '1', b: { c: new Date() }, fn: function () {}}
let target = JSON.parse(JSON.stringify(source))	// target.b.c的值是一个字符串，因为Date被转换成字符串了。target.fn为undefined

但该方法要注意的是：

1. 属性的值是对象也能够复制，前提是该对象不是特殊的对象（比如Date 、RegExp）
2. 复制出来的新对象的constructor会全部指向Object
3. 对象有循环引用,会报错
4. 属性的值是方法，则会过滤掉，Object.assign跟展开运算符会浅拷贝
5. 属性的值是数组，能够深拷贝，但数组的值则要继续根据上面的规则

自己写一个深拷贝函数

如果对象内容有着复杂的自定义类型，可以写一个递归函数遍历所有属性，根据属性类型来做相应的处理。比如Date类型就需要自己new一个新的date。而function，并不能进行复制。

Lodash

使用lodash才是最正确的深拷贝手段，因为他内部自己帮你处理了复杂的自定义类型，当然会不齐全，但也好过自己去写一个深拷贝函数

HTML5克隆算法（ structured clone）

但目前仍局限于某些内置类型，但它支持的内容类型多于JSON.parse：Date，RegExp，Map，Set，Blob，FileList，ImageData