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 值等），可用数组解构设默认值：

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>/ }
</p>

外层的 = {} 或 = [] 不可省略，它是安全解构的前提。

Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南