javascript对象解构可设默认值以安全提取参数：基础解构直接赋默认值；嵌套解构需为中间对象设空对象默认值；函数参数需整体设{}默认值；??运算符可处理null/undefined，但falsy值如false、0需手动判断。

在 JavaScript 中，可以用对象解构配合默认值语法，从配置对象中安全提取参数并设置默认值，避免 undefined 导致的运行时错误。

基础写法：解构 + 默认值

直接在解构赋值的模式中为属性指定默认值：

const config = { theme: 'dark', fontSize: 14 };
const { theme = 'light', fontSize = 16, timeout = 5000 } = config;

console.log(theme);   // 'dark'
console.log(fontSize); // 14
console.log(timeout);  // 5000（config 中不存在，取默认值）

嵌套对象解构设默认值

对深层属性也支持默认值，但需确保中间层级不为 undefined 或 null，否则会报错。稳妥做法是给中间对象也设默认空对象：

js2java

JavaScript 到 Java 全栈翻译助手，专为前端开发者学习 Java 或快速实现后端业务逻辑而设计。当用户提到以下场景时必须使用此技能： - "帮我把这段 JS 代码转成 Java" - "用 Java 怎么写这个逻辑" - "我习惯用 JS 写，想翻译成 Java" - "教我 Java，我要写后端接...

下载

const config = {
  api: { baseUrl: 'https://api.example.com', version: 'v1' }
};

// ✅ 正确：为 api 设默认空对象，再解构其属性
const { 
  api = {}, 
  api: { baseUrl = 'https://default.api', version = 'v0' } 
} = config;

console.log(baseUrl); // 'https://api.example.com'
console.log(version); // 'v1'

结合函数参数使用（常用场景）

把解构默认值用在函数形参里，让调用更灵活：

function initApp({ 
  theme = 'auto', 
  debug = false, 
  features = {} 
} = {}) {
  console.log('Theme:', theme);
  console.log('Debug mode:', debug);
  console.log('Features:', features);
}

initApp(); // 全部用默认值
initApp({ theme: 'dark', debug: true }); // 覆盖部分值

注意：函数参数整体也要设默认值 = {}，否则传 undefined 会解构失败。

处理 falsy 值（如 false、0、''）

默认值只在属性值为 undefined 时生效；若想对所有“假值”都回退，默认解构不适用，需手动判断：

const config = { enabled: false, count: 0 };

// ❌ 下面不会触发默认值（因为 false 和 0 不是 undefined）
const { enabled = true, count = 10 } = config; // enabled → false, count → 0

// ✅ 改用逻辑运算符或空值合并（??）配合解构
const { enabled: rawEnabled, count: rawCount } = config;
const enabled = rawEnabled ?? true;     // null/undefined 回退
const count = rawCount ?? 10;

// 或封装成工具函数
const getWithDefault = (obj, key, def) => obj[key] === undefined ? def : obj[key];
const enabled2 = getWithDefault(config, 'enabled', true);