绕脑的 js 问题

  • . 以下输出什么

    	var a = {n: 1};
    	var b = a;
    	a.x = a = {n: 2};
    	console.log(a.x)
    	console.log(b.x)
    	
    	// 输出 undefined {n: 2}
    

    解释:

    1. 首先,a 和 b 同时引用了 {n: 1} 对象 , 接着执行到 a.x = a = {n:2}语句。
    2. 虽然赋值是从右到左的,但是.的优先级比=要高。
    3. 首先执行 a.x,相当于为 a(或者 b)所指向的{n: 1}对象新增了一个属性 x,即此时对象将变为 {n:1, x:undefined}
    4. 执行 a ={n: 2}的时候,a 的引用改变,指向了新对象{n:2},而 b 依然指向的是旧对象。
    5. 执行a.x = {n:2}的时候,并不会重新解析一遍 a,而是沿用最初解析 a.x 时候的 a,也即旧对象,故此时旧对象的 x 的值为{n:2},旧对象为 {n:1, x:{n:2}},它被 b
      引用着。
    6. 总结来说是先解析左边的坑位,再求取右边的值,最终右边赋值给左边
已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页