在JavaScript中，对象传递是一个非常重要的概念，它涉及到如何正确地处理对象，以实现数据共享和修改。不同于基本数据类型（如数字和字符串），对象在JavaScript中是通过引用传递的，这意味着当你将一个对象传递给一个函数或赋值给另一个变量时，实际上传递的是对该对象的引用，而不是对象本身。
为什么避免深拷贝
首先，我们需要理解深拷贝的概念。深拷贝是指创建一个新对象，然后将原对象的所有属性值复制到新对象上，如果属性值是引用类型，则复制引用而不是值。在JavaScript中，使用JSON.parse(JSON.stringify(obj))可以实现深拷贝。然而，这种方法有一些局限性：
- 无法复制函数。
- 无法复制undefined和循环引用。
- 无法复制Symbol类型的属性。
因此，在大多数情况下，我们倾向于避免深拷贝，转而使用对象传递来实现数据共享与修改。
对象传递的基本原理
在JavaScript中，对象是通过引用传递的。这意味着当你将一个对象传递给一个函数或赋值给另一个变量时，实际上传递的是对该对象的引用。
let obj1 = { a: 1, b: { c: 2 } };
let obj2 = obj1;
obj2.b.c = 3;
console.log(obj1.b.c); // 输出：3
在上面的例子中，obj1和obj2实际上是同一个对象。当我们修改obj2.b.c时，obj1.b.c也会随之改变。
轻松实现数据共享与修改
既然对象是通过引用传递的，那么我们可以利用这一点来实现数据共享与修改。以下是一些实用的技巧：
1. 使用函数来修改对象
将对象传递给函数，然后在函数内部修改对象的属性。这样，修改会影响到原始对象。
function updateObject(obj) {
obj.a = 2;
obj.b.c = 4;
}
let obj1 = { a: 1, b: { c: 2 } };
updateObject(obj1);
console.log(obj1); // 输出：{ a: 2, b: { c: 4 } }
2. 使用解构赋值来修改对象属性
使用解构赋值来提取对象属性，并在提取的同时修改属性值。
let obj1 = { a: 1, b: { c: 2 } };
let { a, b: { c } } = obj1;
a = 2;
c = 3;
console.log(obj1); // 输出：{ a: 2, b: { c: 3 } }
3. 使用扩展运算符来复制对象
使用扩展运算符（…）来复制对象，这样可以在复制的同时修改属性值。
let obj1 = { a: 1, b: { c: 2 } };
let obj2 = { ...obj1, a: 2, b: { ...obj1.b, c: 3 } };
console.log(obj1); // 输出：{ a: 1, b: { c: 2 } }
console.log(obj2); // 输出：{ a: 2, b: { c: 3 } }
总结
学会JS对象传递，我们可以轻松实现数据共享与修改，避免深拷贝的局限性。通过使用函数、解构赋值和扩展运算符等技巧，我们可以更好地控制对象数据的传递和修改。希望这篇文章能帮助你更好地理解JavaScript对象传递的原理和技巧。