前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >如何让你的代码变得整洁起来?-- 针对前端

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

作者头像
前端小tips
发布2021-12-06 13:39:17
4820
发布2021-12-06 13:39:17
举报
文章被收录于专栏:前端文章小tips

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

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

2. 删掉多余的死代码

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

3. 垂直分隔

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

4. 避免前后不一致

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

代码语言:javascript
复制
// 举个反例
const data = response
const res = response

5. 丢掉晦涩的意图

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

代码语言:javascript
复制
// 举个反例
const func = (n) => {
  const a = Math.radom() * 10 - 20 + 4 * (n + 1)
  return a
}

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

6. 遵循标准依赖

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

7. 封装条件

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

代码语言:javascript
复制
  if (isNum(a)) {}

8. 工具类封装

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

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系转载前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
作者已关闭评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. 减少重复(样式,变量,方法,组件)
  • 2. 删掉多余的死代码
  • 3. 垂直分隔
  • 4. 避免前后不一致
  • 5. 丢掉晦涩的意图
  • 6. 遵循标准依赖
  • 7. 封装条件
  • 8. 工具类封装
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档