淘先锋技术网

首页 1 2 3 4 5 6 7

本文遵守CC BY-SA 3.0

前言:

  标题真是不知道如何命名,就取最重要的一句话吧。话说最近在看javascript权威指南,感觉对这个语言有种莫名的喜欢。。。这个也应该是一个比较经典的问题了,不是出自此书,据说是jQuery源码中的一个用法,网上找了一阵,stackoverflow上直接是0 results。。可能是问题比较久远,貌似都是10年左右的回答,而且也没有什么让我豁然开朗的解答,倒是在回复中看到了一个思路,于是就顺着想下来了,如果有什么错误,还请斧正。

  先把问题放在这里  

1 var a = {n:1}
2 var b = a //暂存a
3 a.x = a = {n:2} //问题的源头
4 console.log(a.x)
5 console.log(b.x)

  想想看,输出结果都为什么值。

一、梳理

行号1:创建"{n:1}"对象,并将a指向此地址空间(假设为A);

行号2:将b指向a指向的地址空间(还是A);

行号3:

  (1) 在赋值没开始的时候:a.x是给地址A中存储的对象分配了一个新属性x,并分配了地址(假设AX);

  (2) 开始赋值,由于赋值是右结合运算,所以这句话可以看作a.x = (a = {n:2});

  再次分布解析,注意,此时a.x的地址空间是AX,a的地址空间是A,{n:2}被作为新对象被创建,并且分配地址空间(假设B)

  1. 其实之所以混乱就是被变量名迷惑了,只要将变量都看作对地址空间或其内部值的操作就简单明了了,比如:

    a.x = (a = {n:2})可以看作:

    a指向的地址空间被更改成对象{n:2}的地址空间;

    a.x中的a的地址空间,即A地址空间存储的x属性(AX地址中的值)被赋值成{n:2};

  2. 分析结果

    整体赋值完成后,a指向的地址空间更新成C,内部值为{n:2};

    还记得b指向的地址空间吗,就是最初的a指向的A,虽然连续赋值语句没有对b进行操作,但是A这块地址空间却被修改了(被赋予新属性x,值为{n:2})

行号4: 输出 a.x 为undefined。

行号5: 输出 b.x 为{n:2}。

二、再努力一次

  如果看完梳理仍然觉得懵逼,可以尝试这么想:

  可能大家对a = {n:2}这句话没什么问题,实际上,所有皆可看作对象,所有皆可作为引用,于是在连等的语句中,对a.x赋值的时候可以看作是在对A地址空间的x属性进行复制,这个连等操作也实际上是在对各个地址空间的值或属性进行修改,所以,即使我们看到的a被修改了,它最初代表的地址空间没有改变,可以参照下面的例子

  现在有三个杯子(A/B/AX),两个标签(a/b/c),一个标记(x1,x2)

  1. 向杯子A中放入一号小球(n:1),然后将a/b标签都贴在杯子A上,c标签贴在杯子AX上;

  2. 向杯子B中放入二号小球(n:2),

  3. 向A中投入一个x1标记,告诉你可以到杯子AX中察看(a.x的创建),AX中投入一个x2标记,告诉你可以到B中找到二号小球(对a.x赋值);

  4. 将a标签贴到B杯子上面。

  5. 这个时候,看看各个物件的状态,

    (1)a标签贴在了B上,b标签还贴在A上,c标签还贴在AX上;

    (2)A里面有个1号小球(n:1),一个指向AX的x1标记;

    (3)AX里面有个x2标记,指向B;

    (4)B里面有个2号小球(n:2);

  6. 察看结果:

    a.x => B杯子中的x标记(没有,所以undefined)

    b.x => A杯子中的x标记(指向杯子AX,再指向杯子B,发现是个2号小球(n:2));

  注:可能看到这里你还是有疑问,为什么a标签的转移要放到最后一步,明明是应该在中间步骤啊,其实在处理赋值语句的时候,如果你修改了属性(x),那将对该引用指向的地址空间存储的值进行修改,也就是改值而非改引用(杯子没变),而对a的赋值才是对引用的修改(移动a标签),也就是说,做a的赋值的时候代表着移动a标签,而对a.x的赋值则代表着对A杯子的x标记作处理,可以理解成,做赋值之前,a.x就已经代表了对A杯子的操作(与期间a标签是否移动无关),当然,这种逻辑可能只有在连等的时候才会出现。

转载于:https://www.cnblogs.com/ShuolBDe/p/4489607.html