美文网首页
如何让你的代码变得整洁起来?-- 针对前端

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

作者: 送你一堆小心心 | 来源:发表于2021-06-21 21:07 被阅读0次

    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. 工具类封装

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

    相关文章

      网友评论

          本文标题:如何让你的代码变得整洁起来?-- 针对前端

          本文链接:https://www.haomeiwen.com/subject/wtkuyltx.html