javascript按地址传值的坑

var a = { //定义一个对象a
    'age':1
};
var b = a; //将a赋值给b
b.age = 2; //改变b的age属性值
console.log(a.age); //输出a的age属性值

大家觉得最后输出 a.age 的值为多少呢？
请先将上面的代码复制到浏览器的控制台执行一次看到结果。

为什么最后的结果是2，而不是1呢？我们并没有改变a.age的值。

这是因为js的对象赋值是引用赋值，传递的是地址，所以a和b指向的是同一个地址。共用同一个地址块，所以我们改变b的值实际上a的值也会更这变化。

如果我想拷贝出一份进行b值的改变，就会引起被拷贝a值的同时改变，非常难受。

怎么才能真正的做到拷贝变量不影响原来的变量呢？
可以使用如下方法：

var a = { //定义一个对象a
    'age':1
};
var b = JSON.parse(JSON.stringify(a)); //将a的值拷贝一份给b
b.age = 2; //改变b的age属性值
console.log(a.age); //输出a的age属性值

最后输出 1

就是使用JSON.stringify对象先转成字符串，再使用JSON.parse将字符串转成对象

原文地址