很喜欢 蔡蔡 的这个标题,实际蔡蔡已经分析过了,这里借用了。或许有点标题党的意思。看完就知了。
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
一、引子
- var a = {
- n: 1
- };
- a.x = a = {
- n: 2
- };
- alert(a.x); // --> undefined
认为引擎会限制 a.x 的重写(a 被重写后),实际却不是这样的。指向的对象已经不同了。引擎也没有限制 a.x={n:2} 的重写。 谢谢所有参与讨论的人:蔡蔡、呆呆、儒儒。这个问题最早是蔡蔡提出的。儒儒在 菜鸟灰呀灰 群里每次的讨论都那么投入,认真,哪怕是别人提出的话题。 呵,以另一个连续赋值题结束。fun 执行后,这里的 变量 b 溢出到 fun 外成为了全局变量。想到了吗?
这是蔡蔡在看 jQuery 源码 时发现这种写法的。以上第二句 a.x = a = {n:2} 是一个连续赋值表达式。这个连续赋值表达式在引擎内部究竟发生了什么?是如何解释的? 猜想 1:从左到右赋值,a.x 先赋值为 {n:2},但随后 a 赋值为 {n:2},即 a 被重写了,值为 {n:2},新的 a 没有 x 属性,因此为 undefined。步骤如下 1, a.x = {n:2}; 2, a = {n:2}; 这种解释得出的结果与实际运行结果一致,貌似是对的。注意猜想 1 中 a.x 被赋值过。 猜想 2:从右到左赋值,a 先赋值为{n:2},a.x 发现 a 被重写后(之前 a 是{a:1}),a.x = {n:2} 引擎限制 a.x 赋值,忽略了。步骤如下: 1, a = {n:2}; 2, a.x 未被赋值{n:2} 等价于 a.x = (a = {n:2}),即执行了第一步,这样也能解释 a.x 为 undefined 了。注意猜想 2 中 a.x 压根没被赋值过。 上面两种猜想相信多数人都有,群里讨论呆呆认为是猜想 1, 我认为是猜想 2。其实都错了。我忽略了引用的关系。如下,加一个变量 b,指向 a。 发现 a.x 仍然是 undefined,神奇的是 b.x 并未被赋值过(比如:b.x={n:2}),却变成了[object Object]。b 是指向 a({n:1}) 的,只有 a.x = {n:2}执行了才说明 b 是有 x 属性的。实际执行过程:从右到左,a 先被赋值为{n:2},随后 a.x 被赋值{n:2}。 1, a = {n:2}; 2, a.x = {n:2}; 等价于 a.x = (a = {n:2}); 与猜想 2 的区别在于 a.x 被赋值了,猜想 2 中并未赋值。最重要的区别,第一步 a = {n:2} 的 a 指向的是新的对象{n:2} , 第二步 a.x = {n:2} 中的 a 是 {a:1}。即在这个连等语句 a.x 中的 a 指向的是 {n:1},a 指向的是 {n:2}。如下图
来源: http://www.phperz.com/article/17/0405/283306.html