如何让你的代码变得整洁起来?-- 针对前端

1. 减少重复(样式,变量,方法,组件)

重复的代码不仅让你的项目显得冗余,也会让你逐渐缺失封装理念。

2. 删掉多余的死代码

死代码就是不执行的代码,例如不会走的判断if中...

3. 垂直分隔

变量和函数应该在被使用附近定义

4. 避免前后不一致

从一而忠,例如用res来接受返回值,那么项目中均用res来表示...

// 举个反例
const data = response
const res = response

5. 丢掉晦涩的意图

代码要尽可能的具有表达力

// 举个反例
const func = (n) => {
  const a = Math.radom() * 10 - 20 + 4 * (n + 1)
  return a
}

尽管这段代码短小压缩,但是晦涩难懂,反而更让开发人员摸不着头脑他在表达什么

6. 遵循标准依赖

变量/常量命名、函数命名、项目结构

7. 封装条件

布尔值难明其因,抽离出来方便查阅

  if (isNum(a)) {}

8. 工具类封装

公用方法集合文件,公用样式文件,正则集合文件等

你可能感兴趣的:(如何让你的代码变得整洁起来?-- 针对前端)