JavaScript函数参数可用解构赋值+默认值实现清晰极简写法：1.基础对象解构设默认值避免手动合并；2.嵌套解构支持深层默认值防undefined；3.结合剩余属性保留扩展性；4.须为整个参数设默认值{}，且左侧必须是对象/数组模式。
JavaScript 中可以通过解构赋值 + 默认参数，把函数入参写得既清晰又极简，尤其适合配置对象、可选参数多的场景。
基础写法：对象解构 + 参数默认值
直接在形参位置解构对象，并为每个属性设置默认值，无需在函数体内判断或合并对象：
- 避免手动
const { a = 1, b = 'x' } = options || {} - 默认值在解构时生效，支持任意表达式（包括函数调用、逻辑运算）
示例：
function greet({ name = 'Guest', age = 0, greeting = 'Hello' } = {}) {
return `${greeting}, ${name}! You are ${age} years old.`;
}
greet(); // "Hello, Guest! You are 0 years old."
greet({ name: 'Alice', age: 25 }); // "Hello, Alice! You are 25 years old."
greet({ greeting: 'Hi', name: 'Bob' }); // "Hi, Bob! You are 0 years old."
进阶技巧：嵌套解构 + 深层默认值
当配置结构较深时，可逐层解构并设默认值，无需引入 Lodash 的 get 或额外校验：
立即学习“Java免费学习笔记（深入）”；
deep-java-review
下载
Java项目代码review工具。分析Git变更+完整调用链路上下文，推断业务需求，进行多维度评分和分类汇总，生成完整PRD文档。包含细粒度Java代码审查清单（Null安全、异常处理、Streams、并发、equals/hashCode、资源管理、API设计、性能、MyBatis/ORM、事务边界、SQL/DD...
- 支持
{ user: { id = 1, profile: { avatar = '/default.png' } = {} } = {} }这类写法 - 每一层的
= {}都是防undefined导致解构失败的关键
示例：
function createUser({
user: {
id = Date.now(),
profile: { name = 'Anonymous', avatar = '/placeholder.jpg' } = {}
} = {}
} = {}) {
return { id, name, avatar };
}
createUser(); // { id: ..., name: 'Anonymous', avatar: '/placeholder.jpg' }
createUser({ user: { profile: { name: 'John' } } }); // { id: ..., name: 'John', avatar: '/placeholder.jpg' }
实用组合：解构 + 剩余属性 + 默认值
用 ...rest 收集未声明的字段，配合默认值保留灵活性：
- 显式处理常用配置项，其余透传给下游或用于扩展
- 默认值可与剩余属性共存，互不干扰
示例：
function fetchWithConfig({
url,
method = 'GET',
timeout = 5000,
headers = {},
...rest
} = {}) {
return { url, method, timeout, headers, extra: rest };
}
fetchWithConfig({ url: '/api', auth: true, retry: 3 });
// → { url: '/api', method: 'GET', timeout: 5000, headers: {}, extra: { auth: true, retry: 3 } }
注意事项：避免常见陷阱
看似简洁，但几个细节容易出错：
- 必须给整个解构参数设默认值（如
= {}），否则传undefined会报错 - 默认值在解构时求值，多次调用时若用函数（如
date = new Date()）会每次新建实例 - 不能对基本类型参数（如
function f({x} = 0)）解构 —— 左侧必须是对象或数组模式
