javascript变量分配核心

Question

假设我有这个

var x={};    //x is an address in the memory where object is stored
var z=x;     //z=x after execution is equal to z={} right?

现在z与x无关或在执行后与x无关，所以当

x={name:"Maizere"};
z!=x        //true

但当

x.name="maizere";
alert(z.name)//maizere why?

我们没有设置z的值，但是x和x的z关系不再存在

实际代码：

 x={};
 y=x;
 x.name="maizere";
 alert(y.name)//maizere

我真的不知道这是如何工作的。任何人都可以详细解释一下吗？

Answer 1

您最初的假设是错误的； z是与x相同的对象的指针。

var x = {}; 
var z = x;

alert( z === x );    // true

当您执行x = { name: "Maizere" }; 您正在为x分配一个新对象。 z仍指向原始对象。

x = { name: "Maizere" };
alert( z !== x );    // true

在后一个示例中，您不是在创建新对象，而是在更改原始对象的属性。

var x = {}; 
var z = x;

x.name = "maizere";
alert( z === x );    // true

可能引起混乱的另一个示例：方括号语法创建一个新对象，而不是修改原始对象。

var x = { name: "Maizere" };
var y = { name: "Zaimere" };

x = { age: 20 };
y.age = 30;

console.log( x );  // {age: 20}                  <-- original object is replaced
console.log( y );  // {name: "Zaimere", age: 30} <-- original object is modified

Answer 2

在这两个语句之后：

x={};
y=x;

内部表示是这样的：

      +---- x
      |
{} <--+
      |
      +---- y

因此， x任何更改都将反映在y ：

 x.name="maizere";
 alert(y.name)//maizere

更新：

                     +---- x
                     |
{name: 'maizere'} <--+
                     |
                     +---- y

一旦将任何一个变量分配给其他变量，此操作就会消失：

x = { name: "Maizere" }

表示：

{name: 'Maizere'} <------- x

{name: 'maizere'} <------- y