JavaScript重构最佳实践。
#javascript #网络开发人员 #调试 #refactorit
  1. 删除代码重复 代码复制是一个普遍的问题,可能导致维护困难并增加错误风险。让我们考虑一个在多个位置重复相同逻辑的示例: Image description

在上述代码中,在两个函数中都重复了常数PI。为了重构,我们可以将重复的逻辑提取到一个单独的功能中:
Image description

通过使用内置的Math.PI常数,我们消除了代码重复并提高代码清晰度。

  1. 简化条件逻辑 复杂的条件语句可以使代码更难读取和维护。让我们考虑一个嵌套if语句的示例: Image description

为了简化条件逻辑,我们可以使用开关语句:
Image description

通过使用开关语句,我们使代码更加简洁,更易于理解。

  1. 提取可重复使用的功能 从现有代码中提取可重复使用的功能可以增强代码组织并促进代码重复使用。让我们考虑一个示例,在不同的功能中重复类似代码: Image description

为避免重复,我们可以将常见的计算逻辑提取到单独的函数中:
Image description

通过将常见的计算逻辑提取到calculateArea函数中,我们改善了代码重复使用和可维护性。

  1. 使用描述性命名 通过使用描述性命名,您可以使代码更容易理解。 一个示例是以下代码: Image description

使用十进制作为恒定名称会带来混乱。

Image description

通过将上述代码中的命名更改为更具描述性的命名,可以增强可读性。

  1. 使用骆驼套 骆驼壳意味着每个命名都以小写字母开头,然后每个后续单词的第一个字母都将被大写。

Image description

上面的代码被读为强奸犯查找器,而不是治疗师查找器。

Image description

骆驼套管辅助变量,功能和类型。