当前位置：首页 > news >正文

JavaScript 简单类型与复杂类型-复杂类型传参

news 来源：原创 2025/5/25 2:21:51

在JavaScript中，数据类型可以分为简单类型（原始类型）和复杂类型（引用类型）。理解这两种类型的参数传递机制对于编写高效、无误的代码至关重要。本文将专注于探讨复杂类型的传参机制，帮助开发者更好地掌握如何正确地处理复杂类型的参数传递。

一、复杂类型概述

复杂类型主要包括对象（Object）、数组（Array）、函数（Function）等。它们的特点是存储的是指向内存地址的引用，而不是直接存储值。这意味着多个变量可以引用同一个对象，从而共享同一份数据。

二、复杂类型的按引用传递

当一个复杂类型的变量作为参数传递给函数时，实际上是传递了该变量的引用而非副本。因此，在函数内部对参数所做的任何修改都会反映到外部变量上。这种传递方式被称为“按引用传递”。

示例：

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

let person = { name: 'Alice' };
modifyObject(person);
console.log(person.name); // 输出: Bob

在这个例子中，尽管我们在modifyObject函数内改变了obj的属性，但这直接影响到了外部的person对象。

三、深拷贝 vs 浅拷贝

由于复杂类型的变量仅保存了对象的引用，因此在某些情况下我们需要创建对象的深拷贝或浅拷贝来避免不必要的副作用。

浅拷贝：只复制对象的第一层属性，如果对象中有嵌套的对象，则这些嵌套的对象仍然共享同一份引用。
深拷贝：完全独立地复制整个对象及其嵌套的所有对象。

示例：

// 浅拷贝示例
let originalObj = { name: 'Alice', details: { age: 25 } };
let shallowCopy = Object.assign({}, originalObj);

shallowCopy.details.age = 30;
console.log(originalObj.details.age); // 输出: 30

// 深拷贝示例
let deepCopy = JSON.parse(JSON.stringify(originalObj));

deepCopy.details.age = 40;
console.log(originalObj.details.age); // 输出: 25

需要注意的是，使用JSON.parse(JSON.stringify())方法虽然可以实现深拷贝，但它有一些局限性，例如无法处理函数、循环引用等情况。

四、复杂类型传参的实际应用

理解复杂类型如何进行传参不仅有助于避免潜在的错误，还能优化代码逻辑，使得代码更加清晰易读。

（一）对象属性修改

当我们需要修改对象的某个属性时，可以通过传递对象引用来直接操作原对象。

示例：

function updatePersonInfo(person, newAge) {
    person.age = newAge;
}

let alice = { name: 'Alice', age: 25 };
updatePersonInfo(alice, 26);

console.log(alice.age); // 输出: 26

（二）数组元素操作

类似地，我们也可以通过传递数组引用来操作数组中的元素。

示例：

function addToArray(arr, item) {
    arr.push(item);
}

let numbers = [1, 2, 3];
addToArray(numbers, 4);

console.log(numbers); // 输出: [1, 2, 3, 4]

（三）避免意外修改

为了避免在函数内部无意中修改外部对象，可以考虑在函数内部创建对象的副本（如浅拷贝或深拷贝），以确保不会影响到原始对象。

示例：

function safeModifyObject(obj) {
    let copy = Object.assign({}, obj);
    copy.name = 'Eve';
    return copy;
}

let adam = { name: 'Adam' };
let eve = safeModifyObject(adam);

console.log(adam.name); // 输出: Adam
console.log(eve.name);  // 输出: Eve