JavaScript函数可用解构赋值配合默认参数优雅处理未传参或undefined：1.对象解构需外层设{}默认值防错；2.数组解构同理需[]兜底；3.嵌套解构须为每层对象设默认空对象；4.不可省略外层默认值否则解构undefined会报错。
JavaScript 中可以用解构赋值配合默认参数，优雅地处理函数调用时未传参或传入 undefined 的情况。核心是：在函数参数位置直接使用对象或数组解构，并为解构的变量设定默认值。
对象解构 + 默认参数（最常用）
当函数期望接收一个配置对象时，直接在形参中解构，并为每个属性设置默认值：
function greet({ name = '游客', age = 18, city = '未知' } = {}) {
console.log(`你好，${name}！${age}岁，来自${city}。`);
}注意 = {} 这一层默认值——它确保即使完全不传参（greet()），也不会因对 undefined 解构而报错。
-
greet()→ 你好，游客！18岁，来自未知。 -
greet({ name: '小明' })→ 你好，小明！18岁，来自未知。 -
greet({ name: '小红', city: '杭州' })→ 你好，小红！18岁，来自杭州。
数组解构 + 默认参数（适合固定顺序参数）
若传入的是数组（如坐标、RGB 值等），可用数组解构设默认值：
立即学习“Java免费学习笔记（深入）”；
deep-java-review
下载
Java项目代码review工具。分析Git变更+完整调用链路上下文，推断业务需求，进行多维度评分和分类汇总，生成完整PRD文档。包含细粒度Java代码审查清单（Null安全、异常处理、Streams、并发、equals/hashCode、资源管理、API设计、性能、MyBatis/ORM、事务边界、SQL/DD...
function drawPoint([x = 0, y = 0, z = 0] = []) {
console.log(`绘制点：(${x}, ${y}, ${z})`);
}-
drawPoint()→ 绘制点：(0, 0, 0) -
drawPoint([10, 20])→ 绘制点：(10, 20, 0) -
drawPoint([5, , 15])→ 绘制点：(5, 0, 15)（注意空位视为undefined，会触发默认值）
嵌套解构也支持默认值
深层结构也能逐层设默认值，避免重复判断：
function connect({
host = 'localhost',
port = 3000,
ssl = false,
credentials: { username = 'admin', password = '' } = {}
} = {}) {
console.log(`${ssl ? 'https' : 'http'}://${host}:${port}，用户：${username}`);
}这里 credentials = {} 是关键，防止 credentials 为 undefined 时解构失败。
和传统默认参数混用要小心
不要混淆「参数默认值」和「解构默认值」：
// ✅ 推荐：解构默认值 + 外层空对象兜底
function fn({ a = 1, b = 2 } = {}) { /* ... */ }
<p>// ❌ 危险：如果调用 fn(undefined)，仍会报错（无法对 undefined 解构）
function fn({ a = 1, b = 2 }) { /<em> ... </em>/ }
外层的 = {} 或 = [] 不可省略，它是安全解构的前提。
