js 函数传递对象

在 JavaScript 中，函数可以传递对象。当对象作为参数传递给函数时，实际上传递的是对象的引用，而不是对象的副本。这意味着在函数内部对对象的修改会影响到函数外部的对象。

以下是关于 JavaScript 函数传递对象的一些基础概念：

1. 按引用传递

JavaScript 中的对象（包括数组、函数等）是通过引用传递的。这意味着函数接收到的是对象在内存中的地址，而不是对象的副本。

function modifyObject(obj) {
    obj.name = 'Modified Name';
}

let myObject = { name: 'Original Name' };
modifyObject(myObject);
console.log(myObject.name); // 输出: Modified Name

2. 浅拷贝与深拷贝

浅拷贝：创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型，拷贝的就是基本类型的值；如果属性是引用类型，拷贝的就是内存地址，所以如果其中一个对象改变了这个地址，就会影响到另一个对象。
深拷贝：创建一个新对象，并递归地拷贝原始对象的所有属性及其属性所引用的对象。

// 浅拷贝示例
let obj1 = { a: 1, b: { c: 2 } };
let obj2 = { ...obj1 };
obj2.b.c = 3;
console.log(obj1.b.c); // 输出: 3

// 深拷贝示例
let obj3 = { a: 1, b: { c: 2 } };
let obj4 = JSON.parse(JSON.stringify(obj3));
obj4.b.c = 3;
console.log(obj3.b.c); // 输出: 2

3. 应用场景

配置对象：当需要传递多个配置参数时，使用对象可以简化函数签名。
数据传输：在前后端交互或不同模块间传递数据时，对象是一种常见的数据结构。

4. 常见问题及解决方法

意外修改对象：由于对象是按引用传递的，可能会意外修改原始对象。可以通过深拷贝来避免这种情况。
性能问题：深拷贝可能会带来性能开销，特别是在处理大型对象时。需要根据具体情况权衡使用浅拷贝或深拷贝。

5. 示例代码

以下是一个综合示例，展示了对象传递、浅拷贝和深拷贝的使用：

function modifyObject(obj) {
    obj.name = 'Modified Name';
    obj.details.age = 30;
}

let myObject = { name: 'Original Name', details: { age: 25 } };
console.log('Before modification:', myObject);

modifyObject(myObject);
console.log('After modification:', myObject);

// 使用浅拷贝避免修改原始对象
let shallowCopy = { ...myObject };
modifyObject(shallowCopy);
console.log('After shallow copy modification:', myObject);

// 使用深拷贝避免修改原始对象
let deepCopy = JSON.parse(JSON.stringify(myObject));
modifyObject(deepCopy);
console.log('After deep copy modification:', myObject);

通过以上内容，你应该对 JavaScript 中函数传递对象有了全面的了解。