基于OR表达式的变量分配的简写

Question

Is there a shorthand for the assigning of a variable to an OR expression? For example, I have a button on my UI that is disabled depending on the state of some variables.

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

I also have a checkbox that determines whether or not said button will be disabled or enabled.

So, the button finally is disabled/enabled based on an expression that looks like this:

this.disableButton = this.disableButton || !checked

And on my template, I have something like:

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

I was just curious if there were a way to shorten the syntax of the above expression. Something like:

this.disableButton ||= !checked

Thanks

Answer 1

It would be more straightforward to assign to disableButton all at once rather than assign an intermediate value to the result first and then reassign later - that's confusing. Because checked alone can determine the result, it'll be clearest if you examine it first:

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