您的位置:首页 > Web前端 > JavaScript

javascript嵌套的对象被修改时log不符合的问题

2012-07-19 12:11 239 查看
var a = {a:1,b:2,c:3};
console.log(a);
a.a = 2;
console.log(a);

var b = {a:1,b:{a:2},c:3};
console.log(b);
b.b.a=4;
console.log(b);


输出:

Object {a=1,b=2,c=3}                  //修改前
Object {a=2,b=2,c=3}                  //修改后
Object {a=1,b={a=4},c=3}          //修改前
Object {a=1,b={a=4},c=3}          //修改后


console.log(Object)时,嵌套的对象会有各种问题

沙:因为控制台的输出是引用,object的话,console出来的是引用同一个

屈屈:

var o = {a: 1, b: {c: 2}};
console.log(o);
setTimeout(function(){o.b.c = 3; console.log(o);}, 5000);


5秒前看还是5秒后看竟然出现不同的结果,两个log还是会保持相同。

还出现了诡异的情况:



屈屈:

var o = {a: 1, b: {c: 2}};
console.log(JSON.stringify(o));
o.b.c = 3;
console.log(JSON.stringify(o));


序列化就没问题了

结论:这种情况,专门去看还比较容易发现,如果是在调bug,估计就苦逼了。做好自己的,不要总相信看到的。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: