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

          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,估计就苦逼了。做好自己的,不要总相信看到的。

原文地址:https://www.cnblogs.com/frostbelt/p/2599041.html