掌握JS函数中的几种参数形式（函数基础）

在JavaScript中，函数参数的处理方式多样且灵活，掌握这些特性对于编写高效、可维护的代码至关重要。以下是JS函数中几种主要的参数形式及其详细说明：

1. 基本参数

JS函数可以接受任意数量的参数。调用时若参数不足，未传入的参数会被初始化为undefined。

function sum(param1, param2) { console.log(param1); // 1 console.log(param2); // undefined return param1 + param2; // NaN}sum(1);

改进方法：通过条件判断或默认参数处理缺失值。

2. 默认参数（ES6）

ES6引入了默认参数，允许直接为参数指定默认值，代码更简洁。

function sum(param1, param2 = 0) { return param1 + param2;}sum(1); // 1sum(1, undefined); // 1（显式传入undefined也会触发默认值）

注意：默认参数仅在参数为undefined时生效，传入null或其他假值不会触发。

3. 解构参数

解构参数允许从对象或数组中提取属性或元素作为参数，支持嵌套解构和默认值。

对象解构function greet({ name = '无名氏' } = {}) { return `Hello, ${name}!`;}greet(); // 'Hello, 无名氏!'（默认空对象）数组解构function greetFirstPerson([{ name }]) { return `Hello, ${name}!`;}const persons = [{ name: '王小智' }, { name: '王大治' }];greetFirstPerson(persons); // 'Hello, 王小智!'

组合使用：解构可与默认参数结合，增强灵活性。

4. arguments 对象

特性：所有非箭头函数中可用的类数组对象，包含所有传入的参数。
用途：处理可变参数（如求和）。

function sumArgs() { let sum = 0; for (let i = 0; i < arguments.length; i++) { sum += arguments[i]; } return sum;}sumArgs(5, 6); // 11

限制：

箭头函数中不可用（会抛出引用错误）。
需通过额外变量访问外部函数的arguments。

5. 剩余参数（Rest Parameters）

剩余参数将不定数量的参数收集到一个真数组中，支持数组方法（如reduce、map）。

function sumArgs(...numbers) { return numbers.reduce((sum, num) => sum + num, 0);}sumArgs(5, 6); // 11

与arguments的区别：

范围：剩余参数仅包含未对应形参的实参；arguments包含所有实参。
类型：剩余参数是真正的数组，可直接使用数组方法；arguments是类数组对象。
附加属性：arguments有callee等额外属性。

组合使用：可与常规参数混合。

function multiplyAndSumArgs(multiplier, ...numbers) { return multiplier * numbers.reduce((sum, num) => sum + num, 0);}multiplyAndSumArgs(2, 5, 6); // 226. 总结

默认参数：简化缺失值的处理。
解构参数：直接从对象/数组中提取属性，支持嵌套和默认值。
arguments：处理可变参数（非箭头函数），但需注意其局限性。
剩余参数：替代arguments，提供真数组支持，更灵活且现代。

最佳实践：优先使用默认参数和剩余参数，避免依赖arguments，尤其在箭头函数中。解构参数适合处理配置对象或复杂参数结构。

通过掌握这些参数形式，可以编写更简洁、健壮的JavaScript函数，适应多样化的需求场景。

您可能感兴趣问答

Collapsible

热门标签

热点问答