浅克隆与深克隆

浅克隆

一般实现数组克隆的方法都是浅克隆，直接将存储在栈中的值赋值给对应变量，如果是基本数据类型，则直接赋值对应的值，如果是引用类型，则赋值的是地址

方法

slice：
let arr2 = arr1.slice(0);

concat：
let arr2 = arr1.concat();

扩展运算符[…ary]：
let arr2 = […arr1];

深克隆

把数据赋值给对应的变量，从而产生一个与源数据不相干的新数据(数据地址已变化)。深克隆，是拷贝对象各个层级的属性。

方法

利用 JSON 数据格式：

语法：
let arr2 = JSON.parse(JSON.stringify(arr1));
实现原理：
JSON.stringify(arr1)：先把原始对象变为一个字符串（去除堆和堆嵌套的关系）
JSON.parse(…)：在把字符串转换为新的对象，这样浏览器会重新开辟内存来存储信息

缺点：

对 数字/字符串/布尔/null/普通对象/数组对象 等都没有影响，可以使用，但JSON.stringify(arr1)并不是对所有的值都能有效处理:

正则会变成空对象
函数/undefined/Symbol 都会变成null
日期格式数据变为字符串后，基于parse 也回不到对象格式了

自己封装:

思路：
1、传递进来的是函数时，不需要操作，直接返回即可
因为在一个执行环境栈中一个名字的函数只能有一个，如果我们自己又克隆了一个，会把原来的替换掉，这样做没有任何意义
2、传递进来的是基本数据类型时，不需要操作，直接返回即可
3、传递的是对象类型时
(1). 正则对象：创建一个新的实例储存当前正则即可（因为我们的目的让空间地址不一样即可）
(2). 日期对象：创建一个日期实例储存当前日期
(3). 普通对象&&数组对象：创建一个新的实例，循环存储当前信息；
普通对象&&数组对象 中有可能还会存在多层嵌套的关系，所以这里我们可以用下递归

代码实现：

cloneDeep(obj) {
	// 传递进来的如果不是对象，则无需处理，直接返回原始的值即可（一般Symbol和Function也不会进行处理的）
	if (obj === null) return null;
	if (typeof obj !== "object") return obj;

	// 过滤掉特殊的对象（正则对象或者日期对象）：直接使用原始值创建当前类的一个新的实例即可，这样克隆后的是新的实例，但是值和之前一样
	if (obj instanceof RegExp) return new RegExp(obj);
	if (obj instanceof Date) return new Date(obj);

	// 如果传递的是数组或者对象，我们需要创建一个新的数组或者对象，用来存储原始的数据
	// obj.constructor 获取当前值的构造器（Array/Object）
	let cloneObj = new obj.constructor;
	for (let key in obj) {
		// 循环原始数据中的每一项，把每一项赋值给新的对象
		if (!obj.hasOwnProperty(key)) break;
		cloneObj[key] = _cloneDeep(obj[key]);
	}
	return cloneObj;
}