请问以下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;

posted @ 2023-11-10 15:43  龙陌  阅读(42)  评论(0)    收藏  举报