是否存在基于OR表达式的变量赋值简写方式？

这种多条件叠加控制按钮禁用的场景很常见，我之前也处理过类似的需求，其实可以把分散的逻辑整合起来，让代码更清晰易维护。

先拆解你的原始逻辑 #

你原本的代码分两步设置禁用状态：

1. 先根据数据状态和请求状态判断：

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

2. 再叠加复选框的状态：

   this.disableButton = this.disableButton || !checked;
   

整合为单一表达式 #

其实这两个逻辑可以合并成一个完整的条件判断，避免两次赋值带来的中间状态混淆：

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

各条件含义解析 #

• data && data.items.length < 2：当数据存在且列表项数量不足2个时，触发禁用
• pending：当**请求处于等待状态（pending）**时，触发禁用
• !checked：当复选框未被勾选时，触发禁用

只要满足以上任意一个条件，按钮就会被禁用，完全符合你原本的需求。

框架环境下的进阶优化 #

如果是在Vue、React这类响应式框架中，更推荐把这个逻辑放到**计算属性（computed）**里，这样状态会自动跟随依赖变量更新，不用手动重复赋值：

以Vue为例：

computed: {
  disableButton() {
    return (this.data && this.data.items.length < 2 && this.pending) || !this.checked;
  }
}

这样不管data、pending还是checked发生变化，按钮的禁用状态都会自动同步，代码更健壮。

内容的提问来源于stack exchange，提问作者User 5842