JavaScript中:修改数组长度后,变量引用为何保持不变?
在JavaScript中,修改数组长度的行为并非简单的元素删除,而是会影响到数组的内部结构。让我们来深入探讨一下。
以下代码片段展示了一个常见的误区:
const a = [1, 2, 3];
const b = a[1]; // b引用a[1]的值
a.length = 0; // 将数组a的长度设置为0
console.log(a); // 输出:[]
console.log(b); // 输出:2
问题: 为什么b
仍然保持值为2,即使数组a
已经被清空?
解答:
关键在于b
是数组a
中元素值的引用,而不是对数组a
本身的引用。 a.length = 0;
并没有改变b
所引用的内存位置的值。它只是修改了数组a
的长度属性,导致数组中所有元素都被移除。然而,b
仍然持有之前赋值的数值2,因为这个值在内存中仍然存在,直到被垃圾回收机制清理。
这与直接将a
赋值为空数组不同:
a = []; // 创建一个新的空数组,并赋值给a
在这个例子中,a
不再指向原来的数组,b
的引用就失效了(可能导致错误,取决于运行环境)。
因此,a.length = 0
更像是对数组内容的“清空”操作,而非对数组本身的重新赋值。 变量b
保持不变,是因为它仅仅持有数组元素的一个副本,而这个副本的值在数组长度修改后仍然存在。