Shorthand 用于基于 OR 表达式的变量赋值

Question

是否有 shorthand 用于将变量分配给 OR 表达式？例如，我的 UI 上有一个按钮根据某些变量的状态被禁用。

this.disableButton = data && data.items.length < 2 && pending;

我还有一个复选框，用于确定是否禁用或启用所述按钮。

因此，按钮最终是 disabled/enabled 基于如下所示的表达式：

this.disableButton = this.disableButton || !checked

在我的模板上，我有类似的内容：

<component [class.disabled]="disableButton"></component>

我很好奇是否有办法缩短上述表达式的语法。类似于：

this.disableButton ||= !checked

谢谢

Answer 1

一次性分配给 disableButton 比先为结果分配一个中间值然后再重新分配更直接 - 这很令人困惑。因为单凭checked就可以判断结果，先看一下最清楚：

this.disableButton = !checked || (data && data.items.length < 2 && pending);