前端面试的高频题目深拷贝

你至少搞明白拷贝和赋值的区别。
我们来明确一下深拷贝和浅拷贝的定义：

浅拷贝：

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

将一个对象从内存中完整的拷贝一份出来,从堆内存中开辟一个新的区域存放新对象,且修改新对象不会影响原对象

话不多说，浅拷贝就不再多说，下面我们直入正题： 在不使用第三方库的情况下，我们想要深拷贝一个对象，用的最多的就是下面这个方法。 JSON.parse(JSON.stringify());

这种写法非常简单，而且可以应对大部分的应用场景，但是它还是有很大缺陷的，比如拷贝其他引用类型、拷贝函数、循环引用等情况。

显然，面试时你只说出这样的方法是一定不会合格的。

接下来，我们一起来手动实现一个深拷贝方法。

如果是浅拷贝的话，我们可以很容易写出下面的代码：
function clone(target) {
let cloneTarget = {};
for (const key in target) {
cloneTarget[key] = target[key];
}
return cloneTarget;
};
创建一个新的对象，遍历需要克隆的对象，将需要克隆对象的属性依次添加到新对象上，返回。
如果是深拷贝的话，考虑到我们要拷贝的对象是不知道有多少层深度的，我们可以用递归来解决问题，稍微改写上面的代码：

如果是原始类型，无需继续拷贝，直接返回
如果是引用类型，创建一个新的对象，遍历需要克隆的对象，将需要克隆对象的属性执行深拷贝后依次添加到新对象上 。

很容易理解，如果有更深层次的对象可以继续递归直到属性为原始类型，这样我们就完成了一个最简单的深拷贝

但是面试官考察你的目的是全方位的考察你的思维能力，可以体现你多方位的能力： 基本实现
递归能力
循环引用
考虑问题的全面性
理解weakmap的真正意义
多种类型
考虑问题的严谨性
创建各种引用类型的方法，JS API的熟练程度
准确的判断数据类型，对数据类型的理解程度
通用遍历： 写代码可以考虑性能优化 了解集中遍历的效率 代码抽象能力 拷贝函数： 箭头函数和普通函数的区别 正则表达式熟练程度 看吧，一个小小的深拷贝能考察你这么多的能力