Evaluate the expression:
const x = {value: 0}; console.log(x); console.log({x}); x.value = 1;
{value: 0} {x: {…}}
v {x: {…}} > x: {value: 1}
x.value = 3
v {x: {…}} > x: value: 3
Moreover, if you expand arrow next to {value: 0}, you will see literally this:
v {value: 0} [i] value: 3
Evaluate the expression:
You get this: Expand the first arrow of the `x:`: Now evaluate: Then expand the second arrow: Now if you unexpand the arrow, you get 1, but if you expand it you get 3 =)... (Well at least in chrome)