在JavaScript中，模块是组织代码的一种方式，它可以帮助我们更好地管理代码的复杂度。而在模块中，数据的传递方式是至关重要的。JavaScript中有两种主要的传值方式：值传递和引用传递。本文将深入解析这两种传值方式，并通过实战应用来加深理解。
值传递
值传递是指将变量的值直接复制给另一个变量。在JavaScript中，基本数据类型（如数字、字符串、布尔值等）使用值传递。
实战应用
let num1 = 10;
let num2 = num1;
num2 = 20;
console.log(num1); // 输出：10
console.log(num2); // 输出：20
在上面的例子中，num1 和 num2 是两个基本数据类型的变量。当我们改变 num2 的值时，num1 的值不会受到影响，因为它们是两个独立的变量。
引用传递
引用传递是指将变量的引用（即内存地址）复制给另一个变量。在JavaScript中，对象和数组使用引用传递。
实战应用
let obj1 = { name: 'Alice' };
let obj2 = obj1;
obj2.name = 'Bob';
console.log(obj1.name); // 输出：Bob
console.log(obj2.name); // 输出：Bob
在上面的例子中，obj1 和 obj2 是两个对象类型的变量。当我们改变 obj2 的值时，obj1 的值也会受到影响，因为它们指向同一个对象。
深拷贝与浅拷贝
在引用传递中，我们经常需要处理深拷贝和浅拷贝的问题。
浅拷贝
浅拷贝是指创建一个新对象，然后将原对象的所有可枚举属性复制到新对象上。如果原对象属性是基本数据类型，则直接复制值；如果属性是引用类型，则复制引用。
实战应用
let obj1 = { name: 'Alice', age: 25, address: { city: 'New York' } };
let obj2 = { ...obj1 };
obj2.address.city = 'Los Angeles';
console.log(obj1.address.city); // 输出：New York
console.log(obj2.address.city); // 输出：Los Angeles
在上面的例子中，obj2 是通过展开运算符创建的 obj1 的浅拷贝。当我们改变 obj2.address.city 的值时，obj1.address.city 的值不会受到影响。
深拷贝
深拷贝是指创建一个新对象，然后递归地复制原对象的所有属性，包括基本数据类型和引用类型。
实战应用
let obj1 = { name: 'Alice', age: 25, address: { city: 'New York' } };
let obj2 = JSON.parse(JSON.stringify(obj1));
obj2.address.city = 'Los Angeles';
console.log(obj1.address.city); // 输出：New York
console.log(obj2.address.city); // 输出：Los Angeles
在上面的例子中，obj2 是通过JSON序列化和反序列化创建的 obj1 的深拷贝。当我们改变 obj2.address.city 的值时，obj1.address.city 的值不会受到影响。
总结
在JavaScript中，了解值传递和引用传递是至关重要的。通过本文的深度解析和实战应用，相信你已经对这两种传值方式有了更深入的理解。在实际开发中，根据需要选择合适的传值方式，可以有效地避免潜在的问题。