三元运算符需将函数调用（含括号）作为分支值以执行并返回结果；若仅写函数名则返回引用而非执行。正确用法如 condition ? foo() : bar()，错误如 condition ? foo : bar。
条件运算符（三元运算符）可以简洁地根据条件决定调用哪个函数，或决定是否执行函数、返回什么值。关键在于：**把整个函数调用（含括号）作为三元表达式的分支值，而不是只把函数名放进去**。
✅ 正确写法：函数调用带括号，作为表达式结果
三元运算符要求每个分支都返回一个值。若想“动态返回函数调用结果”，需确保 ? A() : B() 中的 A() 和 B() 是实际执行并返回值的调用：
-
✔️ 推荐 —— 立即调用，返回函数执行结果：
const result = condition ? foo() : bar();
→foo()或bar()被执行，result接收其返回值。 -
✔️ 也常用 —— 返回函数本身（不执行），后续再调用：
const fn = condition ? foo : bar;
→fn是函数引用，之后可fn()手动执行。
⚠️ 常见错误：漏掉括号，变成函数引用而非调用
下面写法不会执行函数，只是选择函数引用：
-
✘ 错误理解 —— 写成
condition ? foo : bar并直接赋值给变量，却期望它自动执行：const result = condition ? foo : bar; // result 是函数，不是返回值 -
✘ 更隐蔽的错 —— 混淆调用时机：
return condition ? doSomething : doAnother();
→ 左边是函数引用，右边是执行结果，类型不一致，逻辑易出错。
? 实用场景示例
1. 根据环境返回不同 API 调用结果：const data = isMock ? fetchMockData() : fetchRealAPI();
2. 简化事件处理器中的分支逻辑：button.onclick = () => isValid ? submitForm() : showWarning();
3. 配合默认函数（避免 undefined 调用）：
const handler = config.onClick ?? (() => console.log('no handler'));<br>handler(); // 安全调用
（注：这里用空值合并运算符更合适，但三元也可：config.onClick ? config.onClick() : console.log('no handler')）
? 进阶技巧：嵌套与组合
可多层嵌套，但建议超过两层时改用 if-else 提高可读性：
const message = status === 'success' ? '✅ OK' : status === 'error' ? '❌ Fail' : '⏳ Pending';- 搭配箭头函数实现轻量动态行为：
const getValue = type => type === 'number' ? () => Math.random() : () => Date.now();<br>const value = getValue('number')(); // 执行返回的函数
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
