JavaScript值类型和引用类型两道经典面试题

2023-12-16 21:47:30

JavaScript值类型和引用类型两道经典面试题

题目1

首先,小试牛刀,请看第一道题。

let a = {
	x: 10
}
let b = a
a.x = 20
console.log(b.x)

a = {
	x: 30
}
console.log(b.x)
a.x = 40
console.log(b.x);

那么上述代码输出结果是多少呢?

答案揭晓
在这里插入图片描述

思路:在内存中,基本数据类型保存在栈中,而引用数据类型是保存在堆中的。

下面详细解释一下:

  1. 首先定义一个对象a,有一个属性x,值为10,接着b=a,让a和b指向了同一个对象;
    在这里插入图片描述
  2. 接下来,a修改了对象的x属性值为20;在这里插入图片描述
  3. 然后,为a赋值了一个新的对象{ x: 30 };
    在这里插入图片描述
  4. 最后,修改了a的x属性为40。
    在这里插入图片描述
    到这里,相信大家对于输出的结果就一目了然了吧!接下来看第二道题。

题目2

let a = {
	n: 10
}
let b = a
a.x = a = { n: 20 }
console.log(a.x)
console.log(b.x);

废话不多说,直接上答案。
在这里插入图片描述
接下来,我们来一起分析具体过程:

  1. 首先,a指向一个对象{n:10},将a赋值给b,此时a和b都指向同一个对象;
    在这里插入图片描述
  2. 接下来来看最重要的一行代码:
a.x = a = { n: 20 }

.运算符优先于 = 号运算符,此时先执行.操作,即在a的地址内放入x属性(此处不同人有不同理解,我暂时理解为属性名不是变量,没有开辟新的空间),此时才进行赋值运算,赋值从右往左,一次赋值,即把{n:20}赋值给aa.x,此时a指向新地址{n:20},而a.x也指向新地址{n:20}
在这里插入图片描述

文章来源:https://blog.csdn.net/DZQ1223/article/details/135030153
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。