本文深入剖析 JavaScript 中数组赋值时的引用机制，解释为何 numbers1 = [] 不影响 numbers2，而 numbers1.length = 0 或 pop() 却会同步改变两者——关键在于“重绑定”与“原地修改”的本质区别。
本文深入剖析 javascript 中数组赋值时的引用机制，解释为何 `numbers1 = []` 不影响 `numbers2`，而 `numbers1.length = 0` 或 `pop()` 却会同步改变两者——关键在于“重绑定”与“原地修改”的本质区别。
在 JavaScript 中，数组是引用类型。当你执行：
let numbers1 = [10, 20, 30, 40]; let numbers2 = numbers1;
此时 numbers1 和 numbers2 并非各自拥有独立副本，而是共享同一块堆内存地址——它们都指向同一个数组对象。这正是“引用”的本质：变量存储的是对象的内存地址，而非对象本身。
✅ 正确理解的关键在于区分两类操作：
| 操作类型 | 示例 | 行为说明 |
|---|---|---|
| 原地修改（Mutating） |
numbers1.length = 0numbers1.pop()numbers1.push(5)
|
直接操作该内存地址中的数组对象，因此所有引用该地址的变量（如 numbers2）都会看到变化。 |
| 重新赋值（Reassignment） |
numbers1 = []numbers1 = nullnumbers1 = 42
|
创建新值（新数组、null、数字等），并将 numbers1 重新绑定到新内存地址；numbers2 仍指向原数组，完全不受影响。 |
我们通过内存模型直观理解：
立即学习“Java免费学习笔记（深入）”；
初始状态：
numbers1 ───┐
↓
[10,20,30,40]
↑
numbers2 ───┘-
✅ 执行
numbers1.length = 0后：numbers1 ───┐ ↓ [] ↑ numbers2 ───┘ ← 仍指向同一对象，故也为空 -
❌ 执行
numbers1 = []后：numbers1 ───→ [] ← 新数组，新地址 numbers2 ───→ [10,20,30,40] ← 原数组未变，依然可访问
⚠️ 注意事项：
-
numbers1 = 0或numbers1 = null同样属于重赋值，numbers2保持对原数组的引用，不会报错也不会被清空； - 若需真正复制数组（避免共享引用），应使用浅拷贝方法：
let numbers2 = [...numbers1]; // 展开运算符 // 或 let numbers2 = numbers1.slice(); // slice() // 或 let numbers2 = Array.from(numbers1);
- 对于嵌套对象/数组，上述方法仅为浅拷贝；深层结构仍共享引用，此时需深拷贝（如
structuredClone()或第三方库）。
总结：JavaScript 的“引用”不等于“联动”，它只保证对同一对象的修改可见性；而变量赋值（=）永远是绑定关系的更新，而非对象内容的同步。掌握这一底层逻辑，是写出可预测、无副作用代码的基础。
