写代码的时候,很多人觉得只要程序能跑就行,命名随便、缩进混乱、注释全无。可等到团队协作或者自己回过头来改代码时,才发现当初的“省事”变成了今天的“灾难”。
变量名像天书,谁看得懂?
比如写个 int a = 1;,过两天你自己都想不起 a 到底代表用户数量还是循环计数。更夸张的是有人用拼音缩写,userName 写成 yhmc,别人读起来就像破译密码。
正确的做法是用清晰有意义的名字,比如 userLoginCount 或 maxRetries,一眼就知道用途。
缩进不统一,代码像爬山
有些人用空格,有些人用 Tab,混在一起后同一段代码在不同编辑器里显示错位。比如下面这种混乱结构:
function calculateTotal(items) {
let sum = 0;
for (let i = 0; i < items.length; i++) {
sum += items[i].price;
}
return sum;
}
看着就累。建议团队统一使用 2 或 4 个空格缩进,并在编辑器里设置自动转换 Tab 为空格。
函数又长又臭,一写就是上百行
一个函数从数据获取、处理逻辑到输出结果全包了,改一处就得通读全文。这就像厨房里洗菜切菜炒菜端盘子全让一个人干,效率低还容易出错。
应该把功能拆开,每个函数只做一件事。比如:
function fetchUserData(id) {
// 只负责拉数据
}
function validateUser(data) {
// 只负责校验
}
function renderProfile(user) {
// 只负责渲染界面
}
注释要么没有,要么废话连篇
有些代码完全没注释,关键逻辑靠猜;另一些则每行都写“这一步赋值”,纯属凑字数。真正需要注释的是“为什么这么做”,而不是“做了什么”。
比如这段:
// 使用 setTimeout 而非 setInterval 是为了避免累积延迟
setTimeout(keepPolling, 5000);
这样的注释才值钱。
文件和目录乱放,找代码像寻宝
组件、工具函数、样式表全堆在一个文件夹里,名字还叫 utils.js、common.js,时间一长根本不知道哪个函数藏在哪。
合理的目录结构能省下大量排查时间。比如:
src/
├── components/
├── services/
├── utils/
└── styles/
各归其位,查起来也清爽。
编码规范不是为了束缚手脚,而是为了让代码更容易被人理解。特别是在项目出问题需要排查时,整洁的代码往往能让你更快定位到根源。别等到锅来了才想起当初那些偷懒的写法。”}