js中深拷贝与浅拷贝堆内存栈内存的关系

浅拷贝只会在引用类型中出现

基本数据类型有哪些，number，string，boolean，null，undefined，symbol 以及未来 ES10 新增的 BigInt(任意精度整数)七类。

引用数据类型 (Object 类) 有常规名值对的无序对象{a:1}，数组[1,2,3]，以及函数等。

首先看一下定义

深拷贝：简单来说假设 B 复制了 A，当修改 A 时，B 不发生变化
浅拷贝：简单来说假设 B 复制了 A，当修改 A 时，B 也发生变化

实际情况能碰到

    
    let temp1 = {a: 1}
    temp1 = temp2
    temp2.a = 2
    console.log(temp1.a)  // 这里输出 2
    

也就是 temp1 复制了 temp2，temp2 的值改变了，temp1 也随之改变
以上是一个标准的浅拷贝

了解一下 js 中的堆内存与栈内存

在 js 引擎中对变量的存储主要有两种位置，堆内存和栈内存。

和 java 中对内存的处理类似，栈内存主要用于存储各种基本类型的变量，包括 Boolean、Number、String、Undefined、Null，symbol 以及对象变量的指针，这时候栈内存给人的感觉就像一个线性排列的空间，每个小单元大小基本相等。

而堆内存主要负责像对象 Object 这种变量类型的存储，如下图

引用类型中复制（浅拷贝）的只是栈内存中的指针，指向同一个堆内存的对象

如何实现深拷贝

最简单的方法就是 JSON.stringify 与 JSON.parse 方法

    function deepClone(obj){let _obj = JSON.stringify(obj),
            objClone = JSON.parse(_obj);
        return objClone
    }