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

在JavaScript中，变量根据其存储的数据类型可分为简单类型（基本数据类型）和复杂类型（引用数据类型）。理解这两者在函数调用时的行为差异对于编写高效且无误的代码至关重要。本文将专注于探讨复杂类型的参数传递机制，并通过实例说明这些概念的实际应用。

复杂类型简介

JavaScript中的复杂类型包括：

Object
Array
Function
其他自定义对象

复杂类型的值是按引用传递的，这意味着当一个复杂类型的值作为参数传递给函数时，实际上是创建了一个新的引用，指向同一个堆内存地址。因此，在函数内部对该对象所做的任何修改都会反映到原始对象上。

参数传递机制

按引用传递

按引用传递意味着函数接收的是实际对象的一个引用。如果在函数内部修改了该对象的内容，这种修改会影响到外部的原始对象。

示例1：对象参数传递

function modifyObject(obj) {obj.name = "World";
}let person = { name: "Hello" };
modifyObject(person);
console.log(person.name); // 输出: World

在这个例子中，person对象被传递给modifyObject函数。虽然我们并没有直接返回修改后的对象，但由于按引用传递的特性，函数内部对obj的修改直接影响到了外部的person对象。

示例2：数组参数传递

function updateArray(arr) {arr.push(4);
}let numbers = [1, 2, 3];
updateArray(numbers);
console.log(numbers); // 输出: [1, 2, 3, 4]

同样地，当我们向函数传递一个数组时，函数内部对该数组的任何修改都会影响到原始数组。

实际应用场景

场景1：对象的状态管理

当你需要在一个函数内部更新对象的状态时，利用复杂类型的引用传递特性是非常有用的。

function addScore(player, points) {player.score += points;
}let player = { name: "Alice", score: 100 };
addScore(player, 50);
console.log(player.score); // 输出: 150

在这个场景中，player对象的状态通过addScore函数得到了更新，这展示了复杂类型在状态管理方面的灵活性。

场景2：数组的操作

处理数组时，经常会遇到需要在函数内部添加、删除或修改元素的情况。复杂类型的引用传递使得这样的操作变得非常直观。

function removeFirstElement(arr) {arr.shift();
}let fruits = ['Apple', 'Banana', 'Cherry'];
removeFirstElement(fruits);
console.log(fruits); // 输出: ['Banana', 'Cherry']

在这个例子中，removeFirstElement函数移除了数组的第一个元素，并且这个改变也反映到了原始数组fruits上。

注意事项

尽管复杂类型是按引用传递的，但需要注意的是，传递的是对象的引用而不是整个对象本身。这意味着如果你尝试重新分配传入的对象，它不会影响到原始对象。

示例3：重新分配对象引用

function replaceObject(obj) {obj = { newName: "New Value" };
}let original = { name: "Original Value" };
replaceObject(original);
console.log(original); // 输出: { name: 'Original Value' }

在这个例子中，即使我们在replaceObject函数内部试图替换obj的值，原始对象original并未受到影响。这是因为函数内部的重新赋值只是改变了局部变量obj的引用，而没有影响到外部对象。