本文详解为何 scores?.[player]++ && scores[player] = 1 会抛出语法错误，并提供符合语义的替代方案，包括安全的属性存在性检测、增量更新及现代 javascript（es2020+）推荐写法。
本文详解为何 scores?.[player]++ && scores[player] = 1 会抛出语法错误，并提供符合语义的替代方案，包括安全的属性存在性检测、增量更新及现代 javascript（es2020+）推荐写法。
在 JavaScript 中，可选链操作符（?.）和逻辑赋值（如 ??=、+=）是强大且常用的安全访问工具，但它们不可混用于赋值表达式的左侧（LHS）。你遇到的错误：
Uncaught SyntaxError: Invalid left-hand side expression in postfix operation
根本原因在于：?. 表达式不能作为赋值目标。
❌ 错误根源分析
看这行代码：
scores?.[player]++ && scores[player] = 1;
它试图完成两件事：
立即学习“Java免费学习笔记（深入）”；
- 若 scores[player] 存在，则自增；
- 否则（短路后）将 scores[player] 设为 1。
但问题不止一处：
- scores?.[player]++ 是非法的：?. 返回的是一个值（可能是 undefined），而 ++ 是后置递增运算符，要求其操作数必须是可赋值的左值（lvalue） —— 即变量、属性引用等；scores?.[player] 不是一个左值（当 scores 为 null/undefined 时甚至不是有效引用），因此 ++ 直接报错。
- scores?.[player] = ... 同样非法：?. 不能出现在赋值左侧。例如 obj?.prop = 42 语法错误，因为若 obj 为 null，obj?.prop 求值为 undefined，而 undefined = 42 无意义。
? 补充澄清：scores = {} 后，scores 绝对非空，因此 scores?.[player] 中的 ?. 实际上是冗余的——它检查的是 scores 是否为 null/undefined，而非 scores[player] 是否已定义。真正需要检测的是 键是否存在（即 player 是否为 scores 的自有属性）。
✅ 正确实现计数逻辑的推荐方式
目标：对每个 player，若 scores[player] 已存在则 +1，否则初始化为 1。以下是几种专业、简洁、符合现代 JS 规范的写法：
✅ 方案 1：使用 in 操作符 + 显式条件（最清晰）
const scores = {};
for (const player of Object.values(game.scored)) {
if (player in scores) {
scores[player]++;
} else {
scores[player] = 1;
}
}✅ 方案 2：使用空值合并赋值 ??=（推荐 ✨）
const scores = {};
for (const player of Object.values(game.scored)) {
scores[player] = (scores[player] ?? 0) + 1;
}✅ 优势：一行解决，语义明确（“取当前值或 0，再加 1”），无副作用，兼容性好（ES2020+）。
✅ 方案 3：使用 Map（适合高频增删或键类型复杂场景）
const scores = new Map();
for (const player of Object.values(game.scored)) {
scores.set(player, (scores.get(player) ?? 0) + 1);
}
// 如需转为普通对象：Object.fromEntries(scores)✅ 方案 4：函数式一行（reduce + ??=）
const scores = Object.values(game.scored).reduce((acc, player) => {
acc[player] = (acc[player] ?? 0) + 1;
return acc;
}, {});⚠️ 注意事项总结
- ?. 仅用于安全读取（如 obj?.prop?.method() 或 arr?.[i]），不可用于赋值或递增操作的左侧；
- ??=、||=、&&= 等逻辑赋值操作符，左侧必须是合法左值（如变量名、对象属性访问 obj.prop、obj[key]），但不能带 ?.；
- 检测「对象是否含某属性」请用 key in obj、obj.hasOwnProperty(key) 或 Object.hasOwn(obj, key)（ES2022+ 推荐）；
- 初始化计数器时，优先考虑 (obj[key] ?? 0) + 1 而非条件分支，更简洁、不易出错。
? 小技巧：VS Code 等现代编辑器会在 scores?.[player]++ 下划红线并提示 “Expected an assignment or function call”，这是早期发现该类语法错误的有效信号。
掌握这些边界规则，你就能避开“可选链幻觉”陷阱，写出既安全又地道的 JavaScript 计数逻辑。
