基于或表达的可变分配的速记

Question

是否有将变量分配给或表达式的速记？例如，我在UI上有一个按钮，该按钮取决于某些变量的状态。

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

我还有一个复选框，可以确定是否将禁用或启用说明按钮。

因此，按照看起来像这样的表达式禁用/启用了该按钮：

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);