js 对象值传递

在 JavaScript 中，对象是通过引用进行值传递的。这意味着当将一个对象作为参数传递给函数时，实际上传递的是该对象的引用，而不是对象的副本。

基础概念：

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

优势：

• 节省内存，因为不需要复制整个对象，特别是对于大型对象。
• 可以方便地在函数内部修改对象，并反映到外部。

类型：

• 基本数据类型的值传递（如数字、字符串、布尔值等）是按值传递的，函数内部修改不会影响外部变量。
• 对象、数组等复杂数据类型是通过引用传递。

应用场景：

• 当需要在函数内部修改对象的属性，并希望这些修改在外部也生效时。
• 在处理大型数据结构时，为了避免复制带来的性能开销。

常见问题及解决方法：

• 意外修改了传递的对象：可以通过创建对象的副本（浅拷贝或深拷贝）来避免直接修改原始对象。
• 对象引用导致的内存泄漏：确保不再需要的对象引用被正确清除。

示例代码：

// 引用传递示例
function modifyObject(obj) {
    obj.name = 'New Name';
}

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

// 浅拷贝示例
let shallowCopy = { ...myObject };
shallowCopy.name = 'Another Name';
console.log(myObject.name); // 仍输出 'New Name'

// 深拷贝示例（使用 JSON 方法）
let deepCopy = JSON.parse(JSON.stringify(myObject));
deepCopy.name = 'Yet Another Name';
console.log(myObject.name); // 还是输出 'New Name'

需要注意的是，使用 JSON 方法进行深拷贝有一些限制，例如无法复制函数、RegExp 对象等。对于更复杂的深拷贝需求，可以使用专门的库如 lodash 的 _.cloneDeep 方法。