JS 中赋值，浅拷贝，深拷贝的区别

首先我们需要掌握一些基本的知识点：
1、在JS中，我们知道数据类型分为
基本数据类型：Number，String，Undefined，Null，Boolean，Symbol，BigInt
引用数据类型：（object) 分为 =》Array, function, date, RegExp

2、JS中，栈（stack）和 堆（heap）:
栈（stack）为自动分配的内存空间，它由系统自动释放。
堆（heap）为动态分配内存空间，大小不定，不会自动释放。
基本数据类型都是保存在栈当中。
引用类型都是保存在堆当中，引用类型的值都是对象，保存在堆内存，而栈中存储的是对象的标识符以及对象在堆内存中的存储地址。

一、赋值

赋值是将某一数值或对象赋给某个变量的过程，分为：
1、基本数据类型：赋值，赋值之后两个变量互不影响。

let a = "123";
let b = a;
b = "345";
console.log(a); // 123
console.log(b); // 345

2、引用数据类型：赋值，两个变量具有相同的引用，指向同一个对象，相互之间有影响。

let obj = {
      a: "123"
    }
let objCopy = obj;
objCopy.a = "456";
console.log(obj.a); // 456
console.log(objCopy.a); // 456

二、浅拷贝（Shallow Copy）

soureObj是原对象，它包含基本数据类型属性str和引用数据类型属性refObj, 创建一个新对象copyObj，这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型，拷贝的就是基本类型的值，如果属性是引用类型，拷贝的就是内存地址 ，这个对象改变了这个地址，就会影响到另一个对象。 所以str跟copyStr是不同属性，互不影响，但引用数据类型refObj内存地址相同，改变会对另一个对象产生影响。
简单来说可以理解为浅拷贝只解决了第一层的问题，拷贝第一层的基本类型值，以及第一层的引用类型地址。

实现浅拷贝的方法： （重新在堆中创建内存，拷贝前后对象的基本数据类型互不影响，但拷贝前后的对象引用类型因共享同一块内存，会相互影响。）
对象
1、Object.assign()
2、…(ES6扩展运算符)
数组
1、Array.prototype.slice()
2、Array.prototype.concat()
3、Array.from()
4、…(ES6扩展运算符)

三、深拷贝（Deep Copy）

深拷贝会拷贝所有的属性，并拷贝属性指向的动态分配的内存。当对象和它所引用的对象一起拷贝时即发生深拷贝。深拷贝相比于浅拷贝速度较慢并且花销较大。拷贝前后两个对象互不影响。

实现深拷贝的方法：
1、JSON.parse(JSON.stringify(object))
缺点：
会忽略undefined
会忽略symbol
不能序列化函数
不能解决循环引用的对象

2、采用递归去拷贝所有层级属性

function deepClone(obj){
 //判断拷贝的要进行深拷贝的是数组还是对象，是数组的话进行数组拷贝，对象的话进行对象拷贝
    let objClone = Array.isArray(obj)?[]:{};
    if(obj && typeof obj==="object"){
        for(key in obj){
            if(obj.hasOwnProperty(key)){
                //判断ojb子元素是否为对象，如果是，递归复制
                if(obj[key]&&typeof obj[key] ==="object"){
                    objClone[key] = deepClone(obj[key]);
                }else{
                    //如果不是，简单复制
                    objClone[key] = obj[key];
                }
            }
        }
    }
    return objClone;
}    

3、lodash函数库实现深拷贝,lodash很热门的函数库，提供了 lodash.cloneDeep()实现深拷贝。Lodash.js

总结：