在JavaScript中，理解变量如何传递是一个核心的概念。JavaScript中的变量可以分为基本类型（Primitive Types）和引用类型（Reference Types）。这两种类型的变量在内存中存储和传递的方式有着本质的不同，下面我们就来详细探讨一下这两者的区别。
基本类型（Primitive Types）
JavaScript中的基本类型包括：Number、String、Boolean、Null、Undefined、Symbol和BigInt。当你在JavaScript中声明一个基本类型的变量时，实际上是在栈内存中为该变量分配了一个存储空间，并直接将值存储在那里。
let num = 10;
let num2 = num; // num2是num的一个副本
在上面的代码中，当我们将num的值赋给num2时，num2会存储num的值的一个副本。如果修改num2的值，它不会影响num的值，因为它们在内存中是完全独立的。
num2 = 20;
console.log(num); // 输出：10
console.log(num2); // 输出：20
引用类型（Reference Types）
引用类型包括Object、Array、Function等。与基本类型不同，引用类型的变量实际上并不直接存储值，而是存储了一个指向该值所在位置的指针。当你在JavaScript中声明一个引用类型的变量时，这个变量实际上存储的是对这个值的引用。
let obj = { name: 'Alice' };
let obj2 = obj; // obj2是obj的一个引用
在上面的代码中，obj2实际上是obj的另一个引用，指向同一个对象。如果修改这个对象的属性，所有指向这个对象的引用都会看到这个改变。
obj2.name = 'Bob';
console.log(obj.name); // 输出：Bob
console.log(obj2.name); // 输出：Bob
深拷贝与浅拷贝
由于引用类型存储的是对值的引用，当我们复制一个引用类型变量时，实际上是在创建一个指向同一对象的引用。这种复制称为浅拷贝（Shallow Copy）。如果想要复制一个对象并修改副本而不影响原始对象，就需要进行深拷贝（Deep Copy）。
浅拷贝示例：
let obj = { name: 'Alice', hobbies: ['reading', 'swimming'] };
let obj2 = { ...obj }; // 使用展开操作符进行浅拷贝
obj2.name = 'Bob';
console.log(obj.name); // 输出：Alice，原始对象未受影响
深拷贝示例：
let obj = { name: 'Alice', hobbies: ['reading', 'swimming'] };
let obj3 = JSON.parse(JSON.stringify(obj)); // 使用JSON序列化和反序列化进行深拷贝
obj3.name = 'Bob';
console.log(obj.name); // 输出：Alice，原始对象未受影响
console.log(obj3.hobbies); // 输出：[undefined]，嵌套对象被移除了
需要注意的是，使用JSON.stringify和JSON.parse进行深拷贝时，会有一些限制，比如不能复制函数和循环引用的对象。
总结
理解JavaScript中的基本类型和引用类型对于编写高效和可预测的代码至关重要。基本类型在内存中独立存储，而引用类型存储的是对值的引用。掌握浅拷贝和深拷贝的区别和适用场景，可以帮助你在需要时正确地复制对象。通过深入了解这些概念，你可以更好地掌握JavaScript这门语言。