实践是检验真理的唯一标准
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
同样都是传值，和之前给出的例子， 得到的结果 是不一样的。
同样都是传值，结果为何为不一样。
- 传普通变量 传的值 就是变量的值
- 传对象对象 传的值 是对象的地址 而这个地址 指向的 才是我们实际操作的对象。
这里涉及到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);
}
