优雅的JavaScript表达式重在语义清晰、可读性强：善用&&/||短路取值、??空值合并、解构默认值及三元映射，避免过度压缩而牺牲可维护性。
写出简洁优雅的 JavaScript 表达式，关键不在堆砌运算符，而在于理解每个运算符的语义、优先级和短路行为，并用它们自然表达逻辑意图。过度追求“一行写完”反而降低可读性；真正优雅的表达式是：别人一眼看懂你在做什么，且没有冗余分支或临时变量。
善用逻辑运算符替代 if-else 分支
逻辑运算符 && 和 || 在 JavaScript 中返回操作数本身（而非布尔值），这使它们成为安全取值和默认赋值的利器。
-
const name = user && user.profile && user.profile.name || '匿名用户'—— 链式取值 + 默认回退，比嵌套 if 清晰得多（但深层可选链更优） -
const timeout = config.timeout ?? 5000—— 使用空值合并运算符??替代||，避免0、false、''被误判为“假值” -
array.length && renderList(array)—— 条件执行，语义即“有数据才渲染”，比if (array.length) {...}更紧凑
用解构 + 默认值消解“防御性取值”
比起层层判断，直接在解构时声明默认结构，让代码聚焦于“我要什么”，而不是“我怕它不存在”。
-
const { id = 0, title = '未命名', tags = [] } = post || {}—— 一行完成对象解构与兜底 -
const [first = null, second = null] = items—— 数组解构默认值，避免items[0]报错 -
const { data: { list = [] } = {} } = apiResponse—— 嵌套解构 + 多层默认，比apiResponse?.data?.list ?? []更早版本兼容（但可选链仍是首选）
组合三元运算符与解构/箭头函数提升表达力
三元运算符 ? : 适合纯值选择场景；配合解构和箭头函数，能写出高内聚的单表达式逻辑。
立即学习“Java免费学习笔记（深入）”；
-
const getStatusText = status => ({ active: '启用', inactive: '停用', pending: '待审' })[status] ?? '未知'—— 对象映射替代长 if-else -
const formatted = users.map(u => ({ ...u, fullName: u.firstName && u.lastName ? `${u.firstName} ${u.lastName}` : u.username }))—— 解构展开 + 三元拼接，保持映射过程纯净 -
const isValid = (v) => typeof v === 'string' && v.trim().length > 0—— 短小纯函数比内联复杂表达式更优雅
警惕“简洁陷阱”：可读性永远优先
以下写法看似简短，实则损害可维护性：
- 嵌套过深的可选链：
a?.b?.c?.d?.e ?? 'default'→ 拆成带注释的变量或提前 guard 更清晰 - 滥用逗号运算符：
let x = (console.log('init'), Math.random())→ 用 IIFE 或分号分隔更直白 - 用
+强转数字：+'123'→ 明确写Number('123')或parseInt('123', 10)，意图更可靠
不复杂但容易忽略：优雅不是“少打字”，而是让代码像自然语言一样讲述逻辑——运算符是语法糖，不是炫技工具。
