JavaScript 中的参数传递：值传递与引用传递162

在 JavaScript 中，函数参数传递方式分为两种：值传递和引用传递。了解这两种传递方式对于编写健壮且可预测的代码至关重要。

值传递

值传递是一种参数传递机制，其中函数接收原始值或值的副本，这意味着对传递的参数所做的任何更改都不会影响原值。当传递基本类型（如字符串、数字和布尔值）时，就会发生值传递。例如：```javascript
function changeValue(value) {
value = 10;
(value); // 输出：10
}
let originalValue = 5;
changeValue(originalValue);
(originalValue); // 输出：5
```

在这个例子中，changeValue 函数接受一个值 5 并将它赋值给变量 value。然后它将 value 更改为 10 并打印它。然而，原始值 originalValue 仍然是 5，因为函数只操作了该值的副本。

引用传递

引用传递是一种参数传递机制，其中函数接收指向原值的引用，这意味着对传递的参数所做的任何更改都会影响原值。当传递引用类型（如对象或数组）时，就会发生引用传递。例如：```javascript
function changeObject(object) {
= "John";
(object); // 输出：{ name: 'John' }
}
let originalObject = { name: "Mary" };
changeObject(originalObject);
(originalObject); // 输出：{ name: 'John' }
```

在这个例子中，changeObject 函数接受对 originalObject 的引用并将其赋值给变量 object。然后它将 object 的 name 属性更改为 "John" 并打印它。结果，原始对象 originalObject 的 name 属性也更改为 "John"，因为该函数修改了原始对象而不是它的副本。

区分值传递与引用传递

区分值传递和引用传递很重要，因为它们会影响函数的行为。基本准则如下：
值传递：当传递基本类型（字符串、数字、布尔值）或值的副本时发生。
引用传递：当传递引用类型（对象、数组）或对值的引用时发生。

避免意外的引用传递

值得注意的是，某些情况下变量可能会意外地按引用传递。例如，当将对象存储在数组中时：```javascript
const array = [1, 2, { name: "John" }];
```

在这种情况下，对象 { name: "John" } 以引用形式存储在数组中。这意味着对该对象所做的任何更改都会影响数组中的原始对象。为了避免意外的引用传递，最好明确地使用值传递或引用传递。

了解 JavaScript 中的参数传递方式至关重要，因为它们会影响函数的行为。通过区分值传递和引用传递，您可以编写出健壮且可预测的代码，并避免意外的操作和错误。

2025-02-05

上一篇：JavaScript 函数带参数

下一篇：JSON和XML互转：JavaScript实用指南