javascript中||设置默认值会误覆盖false、0、''等合法假值，而??仅在null/undefined时生效，解构赋值默认值更清晰安全，兼容旧环境可用typeof或三元判断。
JavaScript 中可以用逻辑或运算符（||）为函数参数提供默认值，但要注意它只在左侧值为“假值”（falsy）时才使用右侧值，这可能导致意外覆盖合法的 false、0、'' 等值。
基础用法：用 || 设置简单默认值
适用于配置项中不会出现假值的场景，比如字符串非空、对象存在等：
示例：
function createButton(config) {
const text = config.text || '提交';
const size = config.size || 'medium';
return { text, size };
}
createButton({}); // { text: '提交', size: 'medium' }
createButton({ text: '保存' }); // { text: '保存', size: 'medium' }
问题所在：假值会被误覆盖
|| 会把所有假值（false、0、null、undefined、NaN、''）都当作“未提供”，但有些假值是合法配置：
-
config.disabled = false→ 被|| true覆盖成true -
config.timeout = 0→ 被|| 5000覆盖成5000 -
config.label = ''→ 被|| '默认标签'覆盖成'默认标签'
更安全的替代方案
现代 JavaScript 推荐用空值合并运算符（??）或解构默认值，它们只在 null 或 undefined 时生效：
-
用
??替代||：仅当左侧为null或undefined才取默认值 - 用解构赋值 + 默认值：更清晰、支持嵌套，默认只对缺失属性生效
推荐写法：
function createButton({ text = '提交', size = 'medium', disabled = false, timeout = 0 } = {}) {
return { text, size, disabled, timeout };
}
// 或配合 ?? 显式处理
function createInput(config) {
return {
placeholder: config.placeholder ?? '请输入',
required: config.required ?? false,
maxLength: config.maxLength ?? 100
};
}
兼容旧环境的小技巧
若需支持不支持 ?? 或解构默认值的老浏览器（如 IE），可用 typeof 或三元判断显式检查 undefined：
function fetchUser(id, options) {
const timeout = (options && options.timeout !== undefined) ? options.timeout : 10000;
const cache = (options && options.cache !== undefined) ? options.cache : true;
// ...
}
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
