Complex Expressions — Ternary & Logical Operators

好，我们这一页来聊聊 LWC 里 JavaScript 表达式支持的运算符，这些在你写模板里的 `{expression}` 时会用到。 首先，，三元操作符是可以嵌套的，，也就是说你可以写 `条件 ? 值1 : 条件2 ? 值2 : 值3` 这样的多层判断，但别嵌套太深，否则可读性会很差。 然后是，逻辑运算符，。`&&` 可以用来做“真实性检查链”，比如 `isLoggedIn && userName`，只有前面是真，后面才会被求值并返回。`||` 则常用来给一个后备值，像 `name || '匿名用户'`，如果 name 是假值，就展示“匿名用户”。 ，一元运算符，也全部支持：逻辑非 `!` 可以取反，按位非 `~`，还有 `typeof` 查看类型，`void` 忽略返回值。这些你都能直接在表达式里用。 ，算术运算，方面，加减乘除、求幂 `，` 都行。，关系比较，，大于、大于等于、全等 `===`、不全等 `!==`，也都正常支持。注意比较时最好用全等，避免类型转换带来的意外。 有一个特别重要的，HTML合规性提醒，：在模板的文本节点里，你不能直接写 `<` 字符，因为浏览器会把它当成 HTML 标签的开头。如果你需要表示“小于”，就用 `=` 或者用单引号括起来的属性表达式里写 `<`（前提是那个位置能正确解析）。简单讲，别在文本表达式中裸写 `<`，用 `<` 或者把逻辑放到返回字符串的 getter 里处理。另外，按位运算符像 `&`、`|`、`^` 等等，在 LWC 表达式中也支持对数字操作。 总之，LWC 模板表达式很强大，常用运算符基本都覆盖到了，你只需要注意那个 `<` 的小坑，和尽量保持表达式简洁就好。