整洁你的 JavaScript：条件式的更好编写方法和匹配条件的技巧

作为一名追求简洁代码的奉行着，我在编写条件语句时总是不遗余力地减少其数量。通常，面向对象编程 (OOP) 提供了一种规避条件式的途径，取而代之的是继承和多态。我认为我们应当尽可能地遵循这些原则。

正如此前我在《JavaScript 整洁代码的最佳实践》一文中所强调的，编写的代码不仅要让机器理解，也需要让其他程序员一眼就能读懂。而条件式代码在可读性方面往往欠佳。

因此，本文将介绍一些优化 JavaScript 条件式的技巧，以及如何巧妙地匹配条件，让你的代码更简洁、更易于理解。

1. 减少条件式的数量

减少条件式的数量是提高代码整洁度的首要任务。可以通过以下方法实现：

• 使用卫语句： 卫语句用于在函数执行前检查条件是否为假。如果是，则函数将立即返回，避免执行后续代码。

const isValidNumber = (number) => {
  if (typeof number !== "number") {
    throw new Error("Invalid number");
  }

  // 执行后续代码
};

• 利用三元运算符： 三元运算符可用于将条件语句浓缩成一行代码。

const isPositive = number > 0 ? true : false;

2. 使用 OOP 避免条件式

OOP 通过继承和多态提供了规避条件式的途径。通过使用不同的类和对象，我们可以根据不同的情况执行不同的行为，而无需使用显式条件语句。

例如，考虑以下代码：

const shape = {
  type: "circle",
  draw: () => {
    if (shape.type === "circle") {
      // 绘制圆形
    } else if (shape.type === "square") {
      // 绘制正方形
    }
  },
};

我们可以使用 OOP 将此代码重构为：

class Circle {
  draw() {
    // 绘制圆形
  }
}

class Square {
  draw() {
    // 绘制正方形
  }
}

const shape = new Circle();
shape.draw();

在这个例子中，我们根据 shape 的类型创建了不同的类。这消除了对条件语句的需要，使代码更简洁、更易于理解。

3. 巧妙匹配条件

有时，无法避免使用条件语句。在这种情况下，巧妙地匹配条件至关重要。以下是一些技巧：

• 使用 switch-case 语句： 当需要匹配多个条件时，switch-case 语句非常有用。

switch (shape.type) {
  case "circle":
    // 绘制圆形
    break;
  case "square":
    // 绘制正方形
    break;
  default:
    // 处理其他情况
}

• 使用正则表达式： 正则表达式可用于匹配复杂字符串模式。

const isValidEmail = (email) => {
  const emailRegex = /^[\w-\.]+@[\w-]+\.[a-z]{2,4}$/;
  return emailRegex.test(email);
};

• 使用链式比较运算符： 链式比较运算符可用于一次比较多个条件。

const isOddAndPositive = (number) => {
  return number > 0 && number % 2 === 1;
};

总结

通过遵循本文介绍的技巧，你可以编写出更简洁、更易于理解的 JavaScript 代码。减少条件式的数量、利用 OOP 避免条件式，以及巧妙地匹配条件，都将有助于提升代码的质量。