JavaScript深拷贝与浅拷贝

原理

浅拷贝只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存。但深拷贝会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象。

当我们把一个对象赋值给一个新的变量时，赋的其实是该对象的在栈中的地址，而不是堆中的数据。也就是两个对象指向的是同一个存储空间，无论哪个对象发生改变，其实都是改变的存储空间的内容，因此，两个对象是联动的。

示例

1、浅拷贝

<script>
    let arr1 = [1, 2, 3]
    let arr2 = arr1
    arr2[0] = 4
    console.log(arr1);
    console.log(arr2);
</script>

输出结果

2、深拷贝

<script>
    let arr1 = [1, 2, 3]
    let arr2=[]
    for(let i=0,len=arr1.length;i<len;i++){
        arr2[i]=arr1[i]
    }
    arr2[0]=4
    console.log(arr1);
    console.log(arr2);
</script>