> For the complete documentation index, see [llms.txt](https://bvct1742.gitbook.io/one-book/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bvct1742.gitbook.io/one-book/knowledge/js/shen-qian-kao-bei.md).

# 深浅拷贝

深拷贝和浅拷贝是针对复杂数据类型来说的，浅拷贝只拷贝一层，而深拷贝是层层拷贝

#### 浅拷贝

浅拷贝是会将对象的每个属性进行依次复制，但是当对象的属性值是引用类型时，实质复制的是其引用，当引用指向的值改变时也会跟着变化

#### 深拷贝

深拷贝复制变量值，对于非基本类型的变量，则递归至基本类型变量后，再复制。 深拷贝后的对象与原来的对象是完全隔离的，互不影响，对一个对象的修改并不会影响另一个对象

**实现**

 1\. `JSON.parse(JSON.stringify(obj))`

* 对象的属性值是函数时，无法拷贝。
* 原型链上的属性无法拷贝
* 不能正确的处理 `Date` 类型的数据
* 不能处理 `RegExp`
* 会忽略 `symbol`
* 会忽略 `undefined`

2\. 代码实现

* 如果是基本数据类型，直接返回
* 如果是 `RegExp` 或者 `Date` 类型，返回对应类型
* 如果是复杂数据类型，递归
* 考虑循环引用的问题

```
function copy(obj, hash = new WeakMap()) {
    if (obj instanceof RegExp) return new RegExp(obj);
    if (obj instanceof Date) return new Date(obj);
    if (obj === null || typeof obj !== 'object') return obj;

    // 循环引用
    if (hash.has(obj)) {
        return hash.get(obj);
    }

    // 获取到 {} || []
    let t = new obj.constructor();
    hash.set(obj, t);

    // 遍历递归
    for (let key in obj) {
        if (obj.hasOwnProperty(key)) {
            t[key] = copy(obj[key], hash);
        }
    }

    return t;
}
```