在JavaScript中，理解变量是如何在函数间传递是非常重要的。JavaScript是一种按值传递的语言，但它在某些情况下表现得像按引用传递。这种双重性质可能会让人感到困惑，但一旦理解了其背后的原理，编程就会变得轻松许多。
按值传递：简单直接的复制
在JavaScript中，基本数据类型（如数字、字符串、布尔值等）在传递给函数时是按值传递的。这意味着当我们将一个变量传递给函数时，实际上是传递了这个变量的值的一个副本。在函数内部对参数的任何修改都不会影响原始变量。
let num = 10;
function addOne(n) {
n += 1;
}
addOne(num);
console.log(num); // 输出：10，原始变量没有被修改
在这个例子中，num 是一个基本数据类型（数字）。当我们调用 addOne 函数并将 num 传递给它时，实际上传递的是 num 的值（即 10）。在函数内部，我们创建了一个新的局部变量 n，它的值也是 10。对 n 的修改并不会影响 num。
按引用传递：对象的深层复制
当涉及到复杂数据类型（如对象、数组）时，JavaScript 似乎表现得像按引用传递。实际上，传递的是对这些复杂数据类型的引用，而不是它们的副本。这意味着在函数内部对对象的任何修改都会反映到原始变量上。
let obj = { value: 10 };
function addValue(obj) {
obj.value += 1;
}
addValue(obj);
console.log(obj.value); // 输出：11，原始对象被修改了
在这个例子中，obj 是一个对象。当我们传递 obj 到 addValue 函数时，实际上传递的是对 obj 的引用。在函数内部，我们直接修改了 obj 的 value 属性，因此原始变量 obj 也会反映这个修改。
实战技巧：深拷贝与浅拷贝
在实际编程中，有时候我们需要创建对象的深拷贝（完全独立的副本），而不是引用。JavaScript 提供了几种方法来实现这一点。
浅拷贝
浅拷贝会复制对象及其包含的所有基本数据类型的值，但不会复制嵌套对象的引用。
let obj = { value: 10, nested: { deeper: 20 } };
let shallowCopy = Object.assign({}, obj);
在这个例子中，shallowCopy 是 obj 的浅拷贝。修改 shallowCopy 的 value 属性不会影响 obj，但修改 shallowCopy 的 nested 属性将会影响 obj。
深拷贝
深拷贝会复制整个对象，包括其嵌套的对象。
let obj = { value: 10, nested: { deeper: 20 } };
let deepCopy = JSON.parse(JSON.stringify(obj));
这个方法使用了 JSON.parse 和 JSON.stringify 来创建一个深拷贝。虽然它非常简单，但它不适用于包含函数、undefined、循环引用等复杂情况的对象。
总结
理解JavaScript中的按值传递和按引用传递是编写有效JavaScript代码的关键。通过掌握浅拷贝和深拷贝的技巧，我们可以更好地控制对象在函数间的传递，从而避免潜在的错误。记住，通过实际编码练习来加深理解是学习这些概念的最佳方式。