三元表达问题

来源：3-6 Vue中的样式绑定

weixin_慕勒6073767

2021-08-26

想请问老师，这堂课裡面提到的三元表达应该是怎么理解的：

this.activated = this.activated === "activated" ? "" : "activated"

不应该是先进行this.activated = this.activated 这段赋值的动作，
接着再做 this.activated === "activated" 判断的动作吗？

我将 this.activated console.log 出来，发现一开始的值输出会是 ""，那这段程式码不就应该是：
1."" = ""
2."" === "activated"
3.false，結果為 “activated”

如果按照这个思维的话，写成
this.activated === "activated" ? "" : "activated" 应该也会有相同的结果？（实际当然没有）

我知道我肯定有哪裡的逻辑是错的，我有翻到前面有人提出类似的问题，但还是看不明白，还请老师指导一下，替我解惑，感谢。

写回答

1回答

Dell

2021-08-28

this.activated = this.activated === "activated" ? "" : "activated

第一步执行：this.activated === "activated"

第二部执行 "" : "activated

第三部执行 this.activated = 后面的返回值

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代，企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

相似问题

回答 3

回答 2

回答 2

回答 1

回答 2