浅拷贝和深拷贝

>>> 基础知识 <<<
     1.javascript变量包含两种不同数据类型的值：基本类型和引用类型。

 基本类型值指的是简单的数据段，包括es6里面新增的一共是有6种，具体如下：
  number、string、boolean、null、undefined、symbol

 引用类型值指那些可能由多个值构成的对象，只有一种如下：
  object   

在将一个值赋给变量时，解析器必须确定这个值是基本类型值还是引用类型值。

【基本数据类型是按值访问的】——因为可以操作保存在变量中的实际的值。
引用类型的值是保存在内存中的对象。

与其他语言不同，JavaScript 不允许直接访问内存中的位置，

也就是说  【不能直接操作对象的内存空间】。 
在操作对象时， 实际上是【在操作对象的引用】而不是实际的对象。

2.javascript的变量的存储方式--栈（stack）和堆（heap）

栈：自动分配内存空间，系统自动释放，里面存放的是【基本类型的值】和【引用类型的地址】

堆：动态分配的内存，大小不定，也不会自动释放。【里面存放引用类型的值】

栈--存放值和地址 堆--存放引用类型的值

3.javascript值传递与址传递
基本类型与引用类型最大的区别实际就是传值与传址的区别


值传递：基本类型采用的是值传递。

值传递

址传递：引用类型则是地址传递，将存放在栈内存中的地址赋值给接收的变量。

址传递

分析：
由于a和b都是引用类型，采用的是址传递，
即a将地址传递给b，那么a和b必然指向同一个地址(引用类型的地址存放在栈内存中)，
而这个地址都指向了堆内存中引用类型的值。
当b改变了这个值的同时，因为a的地址也指向了这个值，故a的值也跟着变化。

就好比是a租了一间房，将房间的地址给了b，b通过地址找到了房间，
那么b对房间做的任何改变（添加了一些绿色植物）对a来说肯定同样是可见的。

【个人理解】

解决引用类型的拷贝问题，
即拷贝的值，可以再操作

数组的浅拷贝 和 对象的浅拷贝

可以简单复制数组里的基本类型，对象里的基本类型

缺点如下

如果修改了obj2里引用类型的某个值，会连带obj1的值一同改变，这就是只能实现一层的拷贝，所谓的没有深拷贝

深拷贝

直接上代码

深拷贝，新建对象，拷贝原来对象里的属性值，并可以新增自己的属性，不会改变原来的对象

拿去用：
function deepClone(obj){
        let cloneObj=Array.isArray(obj)?[]:{};
        if(typeof obj === 'object'){ //如果是对象
              for(let field in obj){
                  if(obj.hasOwnProperty(field)){//如果不是空对象
                  
        if(obj[field] && typeof obj[field]==='object'){//如果属性里面还有引用类型
                          cloneObj[field]=deepClone(obj[field]);
                      }else{
                          cloneObj[field]=obj[field];
                      }
                  }
              }
        }
        return cloneObj;
    }

同时也可以用jquery下面的extend工具方法实现：

    jQuery.extend([deep], target, object1, [objectN])； 

    第一个参数设置为true，
    则jQuery返回一个深层次的副本，递归地复制找到的任何对象。 

jquery的extend方法实现深拷贝

另外一种深拷贝方式

通过将对象字符串化然后解析转化回对象
  JSON.parse( JSON.stringify(obj) )  

缺点：
    1.无法复制函数
    2.无法处理对象中的循环引用
   详见【 https://github.com/LiuL0703/blog/issues/19 】

一些参考网址
https://www.zhihu.com/question/23031215
https://blog.csdn.net/qiqi_77_/article/details/79400900