JavaScript 函数传参详解352

什么是传参？

在 JavaScript 中，传参是指将数据从一个函数传递到另一个函数。
当一个函数调用另一个函数时，它可以传递一个或多个参数给被调用的函数。被调用的函数可以使用这些参数作为输入，并根据这些参数执行操作。

传参的语法

传参的语法很简单，只需在函数调用时将参数放在括号内，并用逗号分隔。例如：```
function sum(a, b) {
return a + b;
}
const result = sum(1, 2);
(result); // 输出：3
```

传参的类型

JavaScript 中可以传递给函数的参数类型包括：

原始类型（数字、字符串、布尔值、null、undefined）
引用类型（对象、数组、函数）
值传递
引用传递

值传递

当传递原始类型参数时，实际传递的是该值的副本。这意味着被调用的函数将获得该值的副本，而不会影响原始值。例如：```
function increment(num) {
num++; // 这里对 num 的修改只影响 num 的副本
}
let number = 1;
increment(number);
(number); // 输出：1
```

引用传递

当传递引用类型参数时，实际传递的是对该对象的引用。这意味着被调用的函数将获得对该对象的引用，对该对象的任何修改都会影响原始对象。例如：```
function addProperty(obj) {
= "John"; // 这里对 obj 的修改会影响原始对象
}
const person = { age: 30 };
addProperty(person);
(); // 输出：John
```

使用默认参数

在 JavaScript 中，可以为函数的参数指定默认值。如果调用函数时没有传递该参数，则使用默认值。例如：```
function greet(name = "Guest") {
(`Hello, ${name}!`);
}
greet(); // 输出：Hello, Guest!
greet("Alice"); // 输出：Hello, Alice!
```

可变参数列表

JavaScript 中的函数还可以使用可变参数列表。这意味着函数可以接受任意数量的参数。可变参数列表使用省略号（...）来表示。例如：```
function sum(...numbers) {
let total = 0;
for (const number of numbers) {
total += number;
}
return total;
}
const result = sum(1, 2, 3, 4, 5);
(result); // 输出：15
```

JavaScript 中的传参是理解函数如何交互的重要组成部分。通过理解不同的传参类型和语法，可以有效地编写 JavaScript 代码并避免常见的错误。

2025-02-09

上一篇：JavaScript 在 Chrome 中启用

下一篇：如何打造高转化率的 JavaScript 浮动广告