-
. 以下输出什么
var a = {n: 1}; var b = a; a.x = a = {n: 2}; console.log(a.x) console.log(b.x) // 输出 undefined {n: 2}
解释:
- 首先,a 和 b 同时引用了 {n: 1} 对象 , 接着执行到 a.x = a = {n:2}语句。
- 虽然赋值是从右到左的,但是
.
的优先级比=
要高。 - 首先执行 a.x,相当于为 a(或者 b)所指向的
{n: 1}
对象新增了一个属性 x,即此时对象将变为{n:1, x:undefined}
- 执行
a ={n: 2}
的时候,a 的引用改变,指向了新对象{n:2},而 b 依然指向的是旧对象。 - 执行
a.x = {n:2}
的时候,并不会重新解析一遍 a,而是沿用最初解析 a.x 时候的 a,也即旧对象,故此时旧对象的 x 的值为{n:2}
,旧对象为{n:1, x:{n:2}}
,它被 b
引用着。 - 总结来说是先解析左边的坑位,再求取右边的值,最终右边赋值给左边
绕脑的 js 问题
最新推荐文章于 2021-04-29 18:09:21 发布