[游戏开发] js var a = {n:1} var b = a a.x = a = {n:2} console.log(a.x) console.log(b.x)

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> 游戏开发 -> js var a = {n:1} var b = a a.x = a = {n:2} console.log(a.x) console.log(b.x) -> 正文阅读

[游戏开发]js var a = {n:1} var b = a a.x = a = {n:2} console.log(a.x) console.log(b.x)

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、首先我们要知道，b = a 是浅拷贝，所以在堆栈中引用的是一个对象地址，b和a指向同一个对象：
在这里插入图片描述

赋值操作是从右向左进行

 var a = 1, b = 2, c = 3;
 a = b = c;

最后的a，b，c都是3。

JavaScript 总是严格按照从左至右的顺序来计算表达式

a.x是表达式

表达式从左往右执行，所以先执行 a.x，其结果是一个“引用”，暂且称为 $p，这里面存有一些信息，比如说这个变量a ({n: 1, x: undefined})。

先获取等号左侧的a.x，但a.x并不存在，于是JS为（堆内存中的）对象创建一个新成员x，这个成员的初始值为undefined。那么此时：
在这里插入图片描述

接下来执行赋值操作，从右向左进行，先执行 a = {n: 2}; 那么a有了一个新的值，但是b的值不变：
在这里插入图片描述

在这里插入图片描述
再执行 a.x = a。等号右侧的a是最新的{n: 2}，等号左侧是$p（虽然a变了，但是$p中保存的那个a的信息是不会变的，因为那是一个“运算结果”，仍然是{n: 1, x: undefined}，和b的值一样），那么将刚刚这个新的对象a的堆内存指针，赋值给了$p（上面说了$p是a.x返回的结果），那么这个$p就指向了最新的a也就是{n: 2}，也就是说x便等于了新的对象a。