以下输出什么
题目一:
var a = {n: 1};
var b = a;
a.x = a = {n: 2};
console.log(a.x)
console.log(b.x)
执行:
1.先执行 a.x
2.a = {n:2} ;//从右向左赋值
3.a.x ={n:2}; //赋值操作
解答思路:
1、优先级。.的优先级高于=,所以先执行a.x,堆内存中的{n: 1}就会变成{n: 1, x: undefined},改变之后相应的b.x也变化了,因为指向的是同一个对象。
2、赋值操作是从右到左,所以先执行a = {n: 2},a的引用就被改变了,然后这个返回值又赋值给了a.x,需要注意的是这时候a.x是第一步中的{n: 1, x: undefined}那个对象,其实就是b.x,相当于b.x = {n: 2}
题目二:
var a = { x: 1 };
var b = a;
a = a.x = { x: 1 };
console.log(a); //{x:1}
console.log(b);//{x:{x:1}}
解题的两个关键点:
1.操作符的运算优先级问题;.的优先级高于赋值语句;
var a = { x: 1 };
var b = a;
a.x = { x: 1 };
a = a.x;
当执行a.x = {x:1}
a = a.x;