在项目中遇到了一个问题，js 中，为了保存个对象数组不被改变，

page.uploadMember = res.result.list;  page.nameArr = res.result.list;  //保存的page.uploadMember是为了备份不被改动，  //代码中有对page.nameArr进行操作

最后在取page.uploadMember的时候发现它也跟着改变了，作为一个长期写PHP，javascript研究不深入的人百思不得其解，研究了好久都没发现问题，最后请教了一下前端开发，发现JavaScript有深拷贝和浅拷贝的概念；

浅拷贝：假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，A、B是指向一个地址的；

深拷贝：创建一个新的和原始字段的内容相同的字段，是两个一样大的数据段；两个的地址是吧不一样的；

这里提到一点：

var a = \[\];  var b = \[\];  console.log(a == b); //false a和b地址不一样，只是值敲恰好相等；     var c = a;  console.log(a == c); //true a和c地址一样     c\[0\] = 1;  console.log(a); //\[1\] a随着c改变而改变，这就是浅拷贝

JavaScript的基本数据类型：number,string,boolean,null,undefined五类。

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

基本类型--名值存储在栈内存中

引用数据类型--名存在栈内存中，值存在于堆内存中，但是栈内存会提供一个引用的地址指向堆内存中的值

所以浅拷贝值存在于引用数据类型，c=a进行拷贝时，其实复制的是a的引用地址，而并非堆里面的值。

实现深拷贝的方法：

1. 封装一个方法,递归拷贝对象各个层级的属性：

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;  }      let a=\[1,2,3,4\],      b=deepClone(a);  a\[0\]=2;  console.log(a,b);

 2. 除了递归，我们还可以借用JSON对象的parse和stringify

function deepClone(obj){      let _obj = JSON.stringify(obj),          objClone = JSON.parse(_obj);      return objClone  }      let a=\[0,1,\[2,3\],4\],      b=deepClone(a);  a\[0\]=1;  a\[2\]\[0\]=1;  console.log(a,b);

3. 除了上面两种方法之外，我们还可以借用JQ的extend方法。

$.extend( \[deep \], target, object1 \[, objectN \] )

deep表示是否深拷贝，为true为深拷贝，为false，则为浅拷贝

target Object类型 目标对象，其他对象的成员属性将被附加到该对象上。

object1  objectN可选。 Object类型 第一个以及第N个被合并的对象。 

let a=\[0,1,\[2,3\],4\],      b=$.extend(true,\[\],a);  a\[0\]=1;  a\[2\]\[0\]=1;  console.log(a,b);