请问以下JS代码输出的结果是什么?
请问以下JS代码输出的结果是什么?
let obj = {
num1: 117
}
let res = obj;
obj.child = obj = { num2: 935 };
var x = y = res.child.num2;
console.log(obj.child);
console.log(res.num1);
console.log(y);
undefined、117、935
在对obj赋值的那一行语句可以看到应该拆分成两个表达式,前者的含义是计算obj.child,并暂存了当前的obj,之后才被赋值。
而后者是改变了obj的指向覆盖了原本的变量obj,它的值是{num2:935},所以找不到child这个属性,故为undefined。
这里的res代表的就是原本的变量obj,因此可以访问到num1和child。
至于y在这里是会被认为是全局变量
重点:赋值操作先定义变量(从左到右),再进行赋值(从右到左)
考察连等赋值。
obj.child = obj = { num2: 935 };
JS引擎在执行赋值语句时,会先从左往右解析各个变量名,转换成变量值,然后从右往左执行赋值。
所以这里首先两个obj都为{ num1: 117 }。
接着从右往左:
obj = { num2: 935 };//第二个等号赋值
{ num1: 117 }.child = { num2: 935 };//第一个等号赋值
值得注意的是第二个才为真正的obj只有num2。
而第一个obj已经被替换为{ num1: 117 }对象,这个对象中有个child属性,而res又引用了这个对象所以res改变为{ num1:117, child: { num2: 935 } }。
而对var x = y = 935; 同理从右往左执行。可以理解为var x = ( y = 935 );或者y = 935; var x = y;

浙公网安备 33010602011771号