Coding Life

做一些有用的技术笔记 发表一些高质量的论文翻译:-D

js中的各种难题(1)

http://www.cnblogs.com/snandy/archive/2011/03/25/1995003.html

1
2
3
var a = {n:1};
a.x = a = {n:2};
alert(a.x); // --> undefined

以上第二句 a.x = a = {n:2} 是一个连续赋值表达式。这个连续赋值表达式在引擎内部究竟发生了什么?是如何解释的?

证明

上面两种猜想相信多数人都有,群里讨论呆呆认为是猜想1, 我认为是猜想2。其实都错了。我忽略了引用的关系。如下,加一个变量b,指向a。

1
2
3
4
5
var a = {n:1};
var b = a; // 暂存a
a.x = a = {n:2};
alert(a.x);// --> undefined
alert(b.x);// --> [object Object]

发现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});

1
a.x = a = {n:2};


a.x 中的a指向的是 {n:1},a 指向的是 {n:2}。如下图

a.x = a = {n:2}
=>
a.x = (a = {n:2})
=>
1. 给a加上一个叫x的属性
2. 给a.x申请一个栈地址,记录为A
3. 把(a = {n:2})得到的堆地址放到A里面
4. 现在要计算a = {n:2}了
5. 给a申请一个栈地址,记为B
6. 把{n:2}得到的堆地址放到B里面

从第5步开始,前面的a和后面的a就没有关系了

解惑

这篇写完,或许部分人看完还是晕晕的。因为里面的文字描述实在是绕口。最初我在理解这个连等赋值语句时

1
2
var a = {n:1};
a.x = a = {n:2};

认为引擎会限制a.x的重写(a被重写后),实际却不是这样的。指向的对象已经不同了。引擎也没有限制a.x={n:2}的重写。
结束

呵,以另一个连续赋值题结束。fun执行后,这里的 变量 b 溢出到fun外成为了全局变量。想到了吗?

1
2
3
4
5
6
function fun(){
    var a = b = 5;
}
fun();
alert(typeof a); // --> undefined
alert(typeof b); // --> number
这个问题……
囧~~b并没有在 fun 里进行声明,所以 js 就认为是全局变量了。
如果是
var a,b;
a=b=5;
阅读更多
文章标签: 前端 js
个人分类: 前端
上一篇字符串的排列组合算法合集
下一篇访问一个网站需要那几个协议?
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭