代码之家 › 专栏 › 技术社区 › Tonis F. Piip

使用| |进行赋值的奇怪之处,其中条件(三元)运算符是第二个选项

ternary-operator syntax javascript

Tonis F. Piip · 技术社区 · 7 年前

在我使用的代码中发现了一个bug foo = bar || baz 如果bar未定义,则要将其赋值给baz,但是当第二个参数使用三元表达式时,JS将为三元表达式赋值,而不管第一个值是什么。

打开控制台并进行测试。似乎JS甚至没有计算条件表达式,如图所示,这里没有定义b,但它仍然返回它的真实值。

>>> a = 1 || 2
1
>>> a = 0 || 2
2
>>> a = 1 || b
1
>>> a = 1 || b ? 3 : 4
3
>>> b
ReferenceError: b is not defined[Learn More]
>>> a = 1 || ( b ? 3 : 4 )
1

通过将三元表达式包装在()中,我可以得到正确的结果,但是这里发生了什么?为什么在上面的测试用例中返回3?

1 回复 | 直到 7 年前

CertainPerformance 7 年前

|| 是 懒惰的 || 左手边的一条线被确定为真实的。如果你做了 b || 1 1 || b ,它会尝试评估 b 首先,将抛出一个错误:

const a = b || 1 ? 3 : 4

整个左边 的 ? 被解释为条件。(在机器左侧执行的其他操作) 也将在整个 ? 条件运算符具有以下条件之一: lowest

对于

1 || b ? 3 : 4

具有最高优先级的运算符为 ,五点。这两个表达式是 ||

1 || b

评估为 1 不假思索 .

1 ? 3 : 4

然后计算条件运算符(优先级4):

true ? 3 : 4

评估为

在条件的周围加括号时:

1 || ( b ? 3 : 4 )

括号中有 最高运算符优先级

1 || <something>

评估为

因为1是真实的。

推荐文章

DIES · 多动作语句的公共if或三元运算符?

8 年前

Leo Messi · 三元内部的空合并运算符

8 年前

Haikel · 是否可以将这两行写为三元运算符?

8 年前

puregeek · 在C#中,三元运算符给出错误:只能将赋值、调用、递增、递减和新对象表达式用作语句

8 年前

Srinivasan · 在C中使用多个三元运算符调用时,不会区分bool和enum类型重载的函数++

8 年前

JustADude · setter与Classic If中的三元运算

8 年前

elight · 为什么两个单独计算的javascript字符串表达式不能正确地一起计算?[副本]

8 年前

wells · Ruby each Iterator-根据if条件替换要迭代的哈希?

8 年前

Franck Boudraa · Ruby/Rails三元和范围

8 年前

Aldos · PHP null coalesce+三元运算符奇怪的行为

8 年前