在JavaScript中，理解变量值的传递方式是非常重要的。JavaScript是一种基于原型的语言，这意味着它使用不同的机制来处理数值和对象的传递。本文将深入探讨JavaScript中的数值传递，解释复制与引用之间的差异，并通过实例帮助你更好地理解这些概念。
数值传递：复制值
在JavaScript中，数值类型（如数字和布尔值）在传递时是按值传递的。这意味着当我们将一个数值类型的变量赋值给另一个变量时，实际上是创建了该值的一个副本。
示例
let num1 = 10;
let num2 = num1;
num2 = 20;
console.log(num1); // 输出：10
console.log(num2); // 输出：20
在这个例子中，num1 和 num2 是两个不同的变量，它们在内存中各自存储了数值 10 的副本。当我们改变 num2 的值时，num1 的值不受影响。
引用传递：传递引用
与数值类型不同，JavaScript中的对象（包括数组、函数等）是按引用传递的。这意味着当我们传递一个对象给另一个变量时，我们实际上是在传递对该对象的引用，而不是对象的副本。
示例
let obj1 = { value: 10 };
let obj2 = obj1;
obj2.value = 20;
console.log(obj1.value); // 输出：20
console.log(obj2.value); // 输出：20
在这个例子中，obj1 和 obj2 都指向同一个对象。当我们修改 obj2.value 时，obj1.value 也随之改变，因为它们引用的是同一个对象。
深拷贝与浅拷贝
由于JavaScript中的对象是按引用传递的，有时候我们可能需要创建对象的副本，而不是简单地复制引用。这就涉及到深拷贝和浅拷贝的概念。
浅拷贝
浅拷贝创建了一个新对象，并将原始对象的所有可枚举属性复制到新对象上。如果这些属性中包含引用类型，则新对象和原始对象将共享这些引用。
let obj1 = { value: 10, nested: { deeper: 20 } };
let obj2 = { ...obj1 }; // 使用展开运算符进行浅拷贝
obj2.nested.deeper = 30;
console.log(obj1.nested.deeper); // 输出：30
在这个例子中，obj2 通过浅拷贝获得了 obj1 的属性，但 nested 对象仍然被共享。
深拷贝
深拷贝则创建了一个新对象，并且递归地复制了原始对象中所有的值。这意味着原始对象和其副本之间不会共享任何属性。
let obj1 = { value: 10, nested: { deeper: 20 } };
let obj2 = JSON.parse(JSON.stringify(obj1)); // 使用JSON序列化和反序列化进行深拷贝
obj2.nested.deeper = 30;
console.log(obj1.nested.deeper); // 输出：20
在这个例子中，由于我们使用了深拷贝，obj1 和 obj2 之间没有任何共享属性。
总结
理解JavaScript中的数值传递和引用传递是编写高效JavaScript代码的关键。通过本文的介绍，你应该已经能够区分数值和对象的传递方式，以及如何使用浅拷贝和深拷贝来处理对象的复制。记住，掌握这些概念将帮助你避免常见的编程陷阱，并提高你的JavaScript技能。