浏览器的的展开问题

var a = { name: 1 };
var arr = [a];
console.log(arr); //[{name:2}]  flag1处
console.log(arr[0]); //{name:1}
a.name = 2;
console.log(arr); //[{name:2}]
console.log(arr[0]); //{name:2}

浏览器的打印结果为

我想这个问题，越想越没头绪，后面答案是

当我们点击展开时，浏览器才会去内存中取值，而这是 flag1的name早就变成了 2

在node环境下验证一下