JavaScript 中如何计算三元运算符？

Question

关于 JavaScript 中的三元 (? :) 运算符，我想知道典型浏览器的 JavaScript 解释器如何计算它：

替代方案 A：

1. 计算第一个操作数。
2. 如果第一个操作数的结果为 true，则计算并返回第二个操作数。
3. 否则，计算并返回第三个操作数。

替代方案 B：

1. 评估所有三个操作数。
2. 如果第一个操作数的结果为 true，则返回第二个操作数的结果。
3. 否则，返回第三个操作数的结果。

方案C：

当然，如果方案A和方案B都没有准确描述三元运算符的工作原理，请解释一下它是如何工作的。

Answer 1

“替代方案 A”：

(1)? functionOne(): functionTwo()

如果您在两个函数上都放置一个简单的警报消息，则只有 functionOne 会显示其消息。

function functionOne(){ 
   alert("one");
}
function functionTwo(){ 
   alert("two");
}

Answer 2

根据规范，它的工作方式类似于替代方案A：

产生式 ConditionalExpression : LogicalOREExpression ? AssignmentExpression ：AssignmentExpression 的计算如下：

1. 令lref为计算LogicalORExpression的结果。
2. 如果 ToBoolean(GetValue(lref)) 为 true，则
   • 令 trueRef 为计算第一个 AssignmentExpression 的结果。
   • 返回GetValue(trueRef)。
3. 其他
   • 令 falseRef 为计算第二个 AssignmentExpression 的结果。
   • 返回GetValue(falseRef)。

Answer 3

三元运算符由于多种原因而延迟计算。

1. 当您只返回 if 或 else 时，计算所有操作数的效率很低。
2. 进行惰性计算允许您执行诸如 x != 0 ? 10 / x : 10; 如果它同时评估所有内容，如果 x 为零，您将得到除以零的错误

Answer 4

运行这个并找出：

function bool() {
    alert('bool');
    return false;
}

function a() {
    alert('a');
    return 'A';
}

function b() {
    alert('b');
    return 'B';
}

alert(bool() ? a() : b())