JavaScript 传参62

在 JavaScript 中，函数可以接收参数，并使用这些参数来执行特定的任务。参数是传递给函数的数据值或对象，可以被函数内部使用。

位置参数

位置参数是最常见的参数类型。函数被调用时，位置参数按照定义的顺序被传递。例如，以下函数接收两个位置参数：```javascript
function addNumbers(num1, num2) {
return num1 + num2;
}
```

调用该函数时，第一个参数被分配给 num1，第二个参数被分配给 num2：```javascript
const result = addNumbers(10, 20); // result = 30
```

默认参数

默认参数允许函数在没有提供实际参数时使用预定义的值。默认参数在函数参数列表中使用赋值运算符 (=) 指定：```javascript
function greet(name = "World") {
(`Hello, ${name}!`);
}
```

调用该函数时，如果省略 name 参数，则将使用默认值 "World"：```javascript
greet(); // 输出: Hello, World!
```

剩余参数

剩余参数允许函数接收任意数量的剩余参数。剩余参数必须是函数参数列表中的最后一个参数，并使用三个点 (...) 表示：```javascript
function sumAll(...numbers) {
let sum = 0;
for (let number of numbers) {
sum += number;
}
return sum;
}
```

调用该函数时，可以传递任意数量的参数：```javascript
const result = sumAll(1, 2, 3, 4, 5); // result = 15
```

传递引用与传递值

在传递参数时，JavaScript 使用传递值的方式传递对象和数组。这意味着函数会接收原始值的副本，而不是对原始对象的引用。因此，在函数内部对对象或数组所做的任何更改都不会反映在原始对象或数组中：```javascript
function changeObject(obj) {
= "New Name";
}
const obj = { name: "Old Name" };
changeObject(obj);
(); // 输出: Old Name
```

要获得传递对象的引用，可以使用扩展运算符 (...) 来创建原始对象的副本：```javascript
function changeObject(obj) {
obj = { ...obj, name: "New Name" };
}
const obj = { name: "Old Name" };
changeObject(obj);
(); // 输出: New Name
```

JavaScript 中的参数传递提供了高度的灵活性，允许函数接收和处理各种形式的数据。通过了解不同类型的参数以及传递引用和传递值之间的区别，开发者可以有效地利用 JavaScript 中的参数传递功能来创建强大且动态的应用程序。

2024-12-26

上一篇：如何在 JavaScript 中获取节点

下一篇：JavaScript 的 Number 类型