理解JavaScript：值传递与引用传递的差异与函数参数处理

本文主要探讨JavaScript中函数传参时值传递和引用传递的区别。在深入理解前，首先需要了解JavaScript中的数据类型复制机制，特别是基本类型和引用类型。 内存模型中，栈区（stack）对应的是基本类型，如Undefined、Null、Boolean、Number和String，这些类型的数据复制时，值会直接在栈中复制一个副本。例如，当我们将一个基本类型的变量赋值给另一个变量时，实际上是创建一个新的值存储位置，而不是复制内存地址。这种复制方式被称为值传递： ```javascript var A = 5; var B = A; // 在栈中为B分配一个新的存储空间，存储5的值副本 ``` 然而，对于引用类型（如对象），内存模型有所不同。在JavaScript中，对象在内存中是通过地址（指针）来引用的。当一个引用类型的变量被赋值给另一个变量时，实际上是复制了该变量在栈中的地址，而非实际对象。这意味着两个变量指向的是堆中同一块内存区域： ```javascript var obj1 = new Object(); var obj2 = obj1; // 两个变量指向了堆中同一对象的地址 ``` 在函数传参时，基本类型的传参类似于基本类型的值复制，函数内部的操作不会改变外部变量的值，因为它们在栈中的副本独立存在： ```javascript function changeString(value) { value = "html"; // 创建新的值副本 return value; } var str = "javascript"; changeString(str); // str不受影响，仍为"javascript" ``` 而对于引用类型的传参，函数内部对参数的修改会影响到外部变量，因为它们共享的是同一个内存地址： ```javascript function fn(obj) { obj.name = "L_DoubleYang"; // 修改对象属性会反映在obj1上 } var obj1 = new Object(); fn(obj1); console.log(obj1.name); // 输出 "L_DoubleYang" ``` 总结来说，JavaScript的值传递和引用传递在处理不同数据类型时，涉及到了内存的分配和复制方式的不同。理解这一点对于编写高效、可预测的代码至关重要。