refactor: add clean code contract

2026-05-12 15:38:38 +08:00
parent 50a36e2241
commit 6f9526ece4
2 changed files with 276 additions and 0 deletions
@@ -0,0 +1,275 @@
+# Clean Code 契约
+
+本文约束新增和修改代码时的代码质量形态。它只关注函数设计、命名、控制结构、错误处理、注释、副作用、重复和可读性，不替代前后端各自的架构开发规范。
+
+## 1. 函数设计
+
+- 新增或修改的函数默认不超过 20 行，不含空行和注释。
+- 业务编排函数最多不超过 30 行；超过时必须拆分。
+- 函数参数不超过 3 个；超过 3 个必须改为对象参数。
+- 圈复杂度 <= 5。
+- 嵌套深度 <= 2。
+- 必须优先使用 guard clause 提前返回，避免主流程被多层 `if` 包裹。
+- 一个函数只做一件事，不混合校验、转换、查询、保存、渲染等多个职责。
+
+Bad:
+
+```ts
+function submit(user, form, config, notify) {
+  if (user) {
+    if (form.valid) {
+      if (config.enabled) {
+        save(user, form);
+        notify.success();
+      }
+    }
+  }
+}
+```
+
+Good:
+
+```ts
+function submit(options: SubmitOptions) {
+  if (!options.user) return;
+  if (!options.form.valid) return;
+  if (!options.config.enabled) return;
+
+  save(options.user, options.form);
+  options.notify.success();
+}
+```
+
+## 2. 命名
+
+- 布尔变量必须以 `is`、`has`、`can`、`should` 开头。
+- 执行动作的函数使用动词开头，例如 `getUser`、`validateEmail`、`saveRole`。
+- 事件处理函数使用 `handle` 或 `on` 前缀，例如 `handleSubmit`、`onDialogClose`。
+- 有副作用的函数名必须体现动作，例如 `save`、`update`、`delete`、`load`、`fetch`、`sync`。
+- 避免无意义缩写。
+- 避免单字母变量，循环索引 `i` 除外。
+
+Bad:
+
+```ts
+const visible = user.status === "enabled";
+
+function userData() {
+  return api.getUser();
+}
+```
+
+Good:
+
+```ts
+const isVisible = user.status === "enabled";
+
+function getUserData() {
+  return api.getUser();
+}
+```
+
+## 3. 控制结构
+
+- 禁止深层 `if/else`。
+- 连续分支超过 3 个时，优先使用对象映射、`switch`、策略方法或枚举方法。
+- 简单数据转换优先使用 `map`、`filter`。
+- 不为了“函数式”强行使用难读的 `reduce`。
+- 当需要提前退出、复杂流程控制或显式循环更清晰时，允许使用 `for` / `for...of`。
+- 不允许在 `switch` 或长 `if/else` 中堆大量业务逻辑，复杂分支必须拆成独立函数。
+
+Bad:
+
+```ts
+function getStatusLabel(status: string) {
+  if (status === "enabled") return "启用";
+  if (status === "disabled") return "禁用";
+  if (status === "pending") return "待处理";
+  if (status === "locked") return "锁定";
+  return "未知";
+}
+```
+
+Good:
+
+```ts
+const statusLabels: Record<string, string> = {
+  enabled: "启用",
+  disabled: "禁用",
+  pending: "待处理",
+  locked: "锁定"
+};
+
+function getStatusLabel(status: string) {
+  return statusLabels[status] ?? "未知";
+}
+```
+
+## 4. 错误处理
+
+- 禁止吞异常。
+- 禁止空 `catch`。
+- `catch` 后必须处理、记录、转换或重新抛出异常。
+- 外部调用必须有明确错误处理，包括网络、数据库、文件、缓存、第三方服务。
+- 不允许只打印错误但不中断、不反馈、不恢复状态。
+- 不允许把异常转换成无意义的 `null`、`false` 或空数组，除非调用方能明确区分该状态。
+
+Bad:
+
+```ts
+async function loadUser() {
+  try {
+    return await api.getUser();
+  } catch (error) {
+    console.log(error);
+  }
+}
+```
+
+Good:
+
+```ts
+async function loadUser() {
+  try {
+    return await api.getUser();
+  } catch (error) {
+    showErrorMessage("用户信息加载失败");
+    throw error;
+  }
+}
+```
+
+## 5. 注释
+
+- 禁止废话注释，例如 `i++ // 增加 i`。
+- 代码能清楚表达“做了什么”时，不写解释性注释。
+- 复杂算法、特殊兼容、业务规则例外必须说明“为什么这么做”。
+- 临时方案必须标明原因和后续处理方式，避免无上下文的 `TODO`。
+- 注释必须随代码更新，禁止保留过期注释。
+
+Bad:
+
+```ts
+// 遍历用户
+users.forEach(user => {
+  // 设置名称
+  user.name = user.name.trim();
+});
+```
+
+Good:
+
+```ts
+// 后端历史数据可能包含首尾空格，提交前统一清理，避免唯一性校验误判。
+const normalizedUsers = users.map(user => ({
+  ...user,
+  name: user.name.trim()
+}));
+```
+
+## 6. 副作用
+
+- 优先编写纯函数：相同输入应产生相同输出。
+- 数据转换、格式化、校验逻辑应尽量保持无副作用。
+- 修改外部状态的函数必须在命名中体现副作用。
+- 不在工具函数中偷偷修改入参、全局状态、缓存或组件状态。
+- 修改入参前必须显式说明原因；默认应返回新对象或新数组。
+
+Bad:
+
+```ts
+function normalizeUser(user: User) {
+  user.name = user.name.trim();
+  return user;
+}
+```
+
+Good:
+
+```ts
+function normalizeUser(user: User) {
+  return {
+    ...user,
+    name: user.name.trim()
+  };
+}
+```
+
+## 7. 重复与抽象
+
+- 禁止复制粘贴相同业务逻辑。
+- 出现第 2 次重复时可以接受局部重复。
+- 出现第 3 次重复时必须抽取公共函数、组件、常量或配置。
+- 不为了“预防未来变化”提前抽象。
+- 抽象必须基于已经出现的重复或明确稳定的业务概念。
+- 公共函数必须有清晰输入输出，不能依赖隐式上下文。
+
+Bad:
+
+```ts
+const userStatus = row.status === 1 ? "启用" : "禁用";
+const roleStatus = role.status === 1 ? "启用" : "禁用";
+const postStatus = post.status === 1 ? "启用" : "禁用";
+```
+
+Good:
+
+```ts
+function getEnabledStatusLabel(status: number) {
+  return status === 1 ? "启用" : "禁用";
+}
+
+const userStatus = getEnabledStatusLabel(row.status);
+const roleStatus = getEnabledStatusLabel(role.status);
+const postStatus = getEnabledStatusLabel(post.status);
+```
+
+## 8. 可读性
+
+- 优先让主流程从上到下阅读。
+- 变量声明尽量靠近使用位置。
+- 避免长链式调用；链式调用过长时拆成中间变量。
+- 避免布尔表达式过长；复杂条件必须提取为语义明确的变量或函数。
+- 避免魔法值；业务含义明确的数字、字符串应提取为常量。
+- 不写“聪明但难懂”的代码。
+
+Bad:
+
+```ts
+if ((user.age > 18 && user.status === 1 && !user.deleted) || user.role === "admin") {
+  allowAccess();
+}
+```
+
+Good:
+
+```ts
+const isActiveAdult = user.age > 18 && user.status === 1 && !user.deleted;
+const isAdmin = user.role === "admin";
+
+if (isActiveAdult || isAdmin) {
+  allowAccess();
+}
+```
+
+## 9. 自动化检查
+
+完成代码后必须运行与改动相关的检查。
+
+建议静态检查覆盖：
+
+- 函数长度
+- 参数数量
+- 圈复杂度
+- 嵌套深度
+- 空 `catch`
+- 未使用变量
+- 重复分支
+- 基础命名规则
+
+## 10. 例外规则
+
+- 如果确实需要突破本契约，必须说明原因。
+- 例外只能针对具体代码点，不能作为整个模块放宽标准的理由。
+- 为了满足行数限制而机械拆分、降低可读性的改动不接受。
+- 可读性优先于形式主义，但必须能解释为什么更清晰。