JavaScript对象的深拷贝

实践是检验真理的唯一标准

var obj = {
  count: 1
}

function output(obj) {
  obj.count = obj.count + 1;
  console.log(obj.count);
}

output(obj);
console.log(obj.count);

我初步的分析是 结果应该是 1 和 2
但结果是 2 2

2
2
[Finished in 0.1s]

---

原因何在

** 首先我们要明确一点：JavaScript中所有函数的参数都是按值来传递的 **

(function (number) {
    number += 1;
    console.log(number);
})(number);

console.log(number);

上述的打印结果是 2 1

同样都是传值，和之前给出的例子， 得到的结果 是不一样的。
同样都是传值，结果为何为不一样。

1. 传普通变量 传的值 就是变量的值
2. 传对象对象 传的值 是对象的地址 而这个地址 指向的 才是我们实际操作的对象。

这里涉及到JavaScript的数据类型

JavaScript数据类型

---

• 原始值类型： 比如Undefined,Null,Boolean,Number,String
• 引用值类型：也就是对象类型 Object type,比如Object,Array,Function,Date等

原始值类型 变量存储的就是具体的值
引用值类型 变量存储的是对象的引用（地址），这个引用（或者说这个地址）指向了真实的对象

---

回光返照

output(obj); 传入了一个变量 obj， 函数传递参数 都是按值传递
而这个 obj 是个对象类型 是个引用类型
其值 是一个 引用（地址），因此我们操作的还是引用（地址）指向的那个对象。其实是操作的同一个对象。
所以 函数内部修改变对象的值，函数外部的值也就跟着变了。

如何才能不影响外面的对象

---

答案就是： 不能操作同一个对象 而要操作不同的对象。
也就是说 要对这个 对象 做个拷贝 而不是对这个引用做个拷贝。
所谓深拷贝 就是 从新定义一个对象 把另一个对象的所有内容 全部拷贝过来
我一直以为 对象 会有个 copy方法或者muticopy方法 可事实是都没有
你可能要手动复制了，例如用下面的函数代替案例中的函数

function output(obj) {
var copyobj = {};
for (prototy in obj) {
    copyobj[prototy] = obj[prototy]
}
 copyobj.count = copyobj.count + 1;
 console.log(copyobj.count);
}

幸运的时 ES6 有个 assign 方法 就是做这个事的
具体用法参见Object.assign()

function output(obj) {
    var  mutilcopy = {};
 Object.assign(mutilcopy,obj);

  mutilcopy.count = mutilcopy.count + 1;
  console.log(mutilcopy.count);
}