Flutter中：代码更少的if-else与调用函数的三元运算符哪个更优？

两种方案的核心差异不在于代码行数，而在于代码复用性、可读性和长期维护性，具体分析如下：

方案1：三元运算符+独立函数 #

void functionA() {
  setState(() {
    // assignment op
    // assignment op
    // method call of a Dart class {
    //   another setState 
    // }
  });
}

void functionB() {
  // method call of a Dart class
}

// 在Widget中使用
ElevatedButton(
  onPressed: () {
    a = !a;
    a ? functionA() : functionB();
  },
)

优势 #

• 复用性强：如果functionA/functionB的逻辑需要在其他场景（比如其他按钮、页面生命周期、事件回调）调用，直接复用函数即可，无需重复编写逻辑。
• 可读性更高：onPressed回调的逻辑非常简洁，一眼就能看懂是「切换状态后执行A或B操作」，无需关注具体操作细节。
• 维护成本低：后续修改A/B的逻辑时，直接定位到对应函数修改即可，不用在UI代码块中翻找嵌套逻辑，尤其适合逻辑复杂的场景。

劣势 #

• 多了函数定义的代码行数，看起来稍显繁琐，但这是结构化代码的合理代价。

方案2：内嵌if-else逻辑块 #

ElevatedButton(
  onPressed: () {
    a = !a;
    if (a) {
      // 与functionA完全相同的操作序列
    } else {
      // 与functionB完全相同的操作序列
    }
  },
)

优势 #

• 代码行数少，简单场景下逻辑集中，一眼就能扫完。

劣势 #

• 无法复用：如果其他地方需要相同逻辑，只能复制粘贴，后期修改时要同步改多处，容易遗漏出错。
• 可读性随复杂度下降：如果操作逻辑包含嵌套setState、多步赋值或类方法调用，把所有代码塞在onPressed里会让回调臃肿不堪，难以快速理解整体流程。
• 维护性差：业务逻辑与UI代码混在一起，不符合「关注点分离」原则，后续迭代时定位修改逻辑的成本更高。

结论 #

• 如果A/B的逻辑极其简单（仅1-2行代码），内嵌if-else的写法完全没问题；
• 但如果逻辑有一定复杂度，或者未来存在复用、修改的可能，优先选择独立函数+三元运算符的方案——多出来的代码行数换来了更清晰的结构和更低的长期维护成本，这在中大型项目中是更重要的考量因素。

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