三元表达式的回归：拥抱可读性与简洁性

2023-10-26 12:32:20

引子：对三元表达式的偏见

长期以来，嵌套三元表达式一直背负着难以解读的恶名，以至于许多开发者本能地回避它们。然而，深入了解一下，您会发现这一直是我们对三元表达式固有偏见的产物。事实证明，在许多情况下，三元表达式实际上比传统的 if 语句更简单易懂。

三元表达式的本质

三元表达式，通常称为条件运算符，遵循以下语法：

(condition) ? value_if_true : value_if_false;

它有三个部分：一个条件，如果为真，则返回第一个值；如果为假，则返回第二个值。

三元表达式的优势

相比 if 语句，三元表达式具有以下优点：

简洁性： 三元表达式可以将整个 if-else 块压缩成一行代码，从而提高代码简洁性。
可读性： 条件和结果都紧密相邻，使代码逻辑一目了然。
一致性： 三元表达式始终遵循相同的语法结构，而 if 语句可以有不同的格式，从而减少代码维护的复杂性。

嵌套三元表达式的应用

尽管三元表达式本身已经很简洁，但嵌套三元表达式可以进一步提升代码简洁性和可读性。通过将多个条件链接在一起，我们可以创建复杂但易于理解的语句。

步骤 1：使用简单的三元表达式

首先，用三元表达式替换简单的 if-else 块：

// if-else 语句
if (condition) {
  result = value_if_true;
} else {
  result = value_if_false;
}

// 三元表达式
result = (condition) ? value_if_true : value_if_false;

步骤 2：嵌套三元表达式

现在，我们可以将多个条件嵌套在三元表达式中，创建多重选择语句：

result = (condition1)
  ? (condition2) ? value_if_true : value_if_false_2
  : (condition3) ? value_if_true_2 : value_if_false_3;

示例：文件类型的选择

考虑一个根据文件扩展名选择文件类型的示例：

function getFileType(filename) {
  const extension = filename.split('.').pop();

  const type = (extension === 'txt') ? 'text/plain'
    : (extension === 'html') ? 'text/html'
    : (extension === 'css') ? 'text/css'
    : 'application/octet-stream';

  return type;
}