clean-code-contract.md 6.8 KB

Clean Code 契约

本文约束新增和修改代码时的代码质量形态。它只关注函数设计、命名、控制结构、错误处理、注释、副作用、重复和可读性,不替代前后端各自的架构开发规范。

1. 函数设计

  • 新增或修改的函数默认不超过 20 行,不含空行和注释。
  • 业务编排函数最多不超过 30 行;超过时必须拆分。
  • 函数参数不超过 3 个;超过 3 个必须改为对象参数。
  • 圈复杂度 <= 5。
  • 嵌套深度 <= 2。
  • 必须优先使用 guard clause 提前返回,避免主流程被多层 if 包裹。
  • 一个函数只做一件事,不混合校验、转换、查询、保存、渲染等多个职责。

Bad:

function submit(user, form, config, notify) {
  if (user) {
    if (form.valid) {
      if (config.enabled) {
        save(user, form);
        notify.success();
      }
    }
  }
}

Good:

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. 命名

  • 布尔变量必须以 ishascanshould 开头。
  • 执行动作的函数使用动词开头,例如 getUservalidateEmailsaveRole
  • 事件处理函数使用 handleon 前缀,例如 handleSubmitonDialogClose
  • 有副作用的函数名必须体现动作,例如 saveupdatedeleteloadfetchsync
  • 避免无意义缩写。
  • 避免单字母变量,循环索引 i 除外。

Bad:

const visible = user.status === "enabled";

function userData() {
  return api.getUser();
}

Good:

const isVisible = user.status === "enabled";

function getUserData() {
  return api.getUser();
}

3. 控制结构

  • 禁止深层 if/else
  • 连续分支超过 3 个时,优先使用对象映射、switch、策略方法或枚举方法。
  • 简单数据转换优先使用 mapfilter
  • 不为了“函数式”强行使用难读的 reduce
  • 当需要提前退出、复杂流程控制或显式循环更清晰时,允许使用 for / for...of
  • 不允许在 switch 或长 if/else 中堆大量业务逻辑,复杂分支必须拆成独立函数。

Bad:

function getStatusLabel(status: string) {
  if (status === "enabled") return "启用";
  if (status === "disabled") return "禁用";
  if (status === "pending") return "待处理";
  if (status === "locked") return "锁定";
  return "未知";
}

Good:

const statusLabels: Record<string, string> = {
  enabled: "启用",
  disabled: "禁用",
  pending: "待处理",
  locked: "锁定"
};

function getStatusLabel(status: string) {
  return statusLabels[status] ?? "未知";
}

4. 错误处理

  • 禁止吞异常。
  • 禁止空 catch
  • catch 后必须处理、记录、转换或重新抛出异常。
  • 外部调用必须有明确错误处理,包括网络、数据库、文件、缓存、第三方服务。
  • 不允许只打印错误但不中断、不反馈、不恢复状态。
  • 不允许把异常转换成无意义的 nullfalse 或空数组,除非调用方能明确区分该状态。

Bad:

async function loadUser() {
  try {
    return await api.getUser();
  } catch (error) {
    console.log(error);
  }
}

Good:

async function loadUser() {
  try {
    return await api.getUser();
  } catch (error) {
    showErrorMessage("用户信息加载失败");
    throw error;
  }
}

5. 注释

  • 禁止废话注释,例如 i++ // 增加 i
  • 代码能清楚表达“做了什么”时,不写解释性注释。
  • 复杂算法、特殊兼容、业务规则例外必须说明“为什么这么做”。
  • 临时方案必须标明原因和后续处理方式,避免无上下文的 TODO
  • 注释必须随代码更新,禁止保留过期注释。

Bad:

// 遍历用户
users.forEach(user => {
  // 设置名称
  user.name = user.name.trim();
});

Good:

// 后端历史数据可能包含首尾空格,提交前统一清理,避免唯一性校验误判。
const normalizedUsers = users.map(user => ({
  ...user,
  name: user.name.trim()
}));

6. 副作用

  • 优先编写纯函数:相同输入应产生相同输出。
  • 数据转换、格式化、校验逻辑应尽量保持无副作用。
  • 修改外部状态的函数必须在命名中体现副作用。
  • 不在工具函数中偷偷修改入参、全局状态、缓存或组件状态。
  • 修改入参前必须显式说明原因;默认应返回新对象或新数组。

Bad:

function normalizeUser(user: User) {
  user.name = user.name.trim();
  return user;
}

Good:

function normalizeUser(user: User) {
  return {
    ...user,
    name: user.name.trim()
  };
}

7. 重复与抽象

  • 禁止复制粘贴相同业务逻辑。
  • 出现第 2 次重复时可以接受局部重复。
  • 出现第 3 次重复时必须抽取公共函数、组件、常量或配置。
  • 不为了“预防未来变化”提前抽象。
  • 抽象必须基于已经出现的重复或明确稳定的业务概念。
  • 公共函数必须有清晰输入输出,不能依赖隐式上下文。

Bad:

const userStatus = row.status === 1 ? "启用" : "禁用";
const roleStatus = role.status === 1 ? "启用" : "禁用";
const postStatus = post.status === 1 ? "启用" : "禁用";

Good:

function getEnabledStatusLabel(status: number) {
  return status === 1 ? "启用" : "禁用";
}

const userStatus = getEnabledStatusLabel(row.status);
const roleStatus = getEnabledStatusLabel(role.status);
const postStatus = getEnabledStatusLabel(post.status);

8. 可读性

  • 优先让主流程从上到下阅读。
  • 变量声明尽量靠近使用位置。
  • 避免长链式调用;链式调用过长时拆成中间变量。
  • 避免布尔表达式过长;复杂条件必须提取为语义明确的变量或函数。
  • 避免魔法值;业务含义明确的数字、字符串应提取为常量。
  • 不写“聪明但难懂”的代码。

Bad:

if ((user.age > 18 && user.status === 1 && !user.deleted) || user.role === "admin") {
  allowAccess();
}

Good:

const isActiveAdult = user.age > 18 && user.status === 1 && !user.deleted;
const isAdmin = user.role === "admin";

if (isActiveAdult || isAdmin) {
  allowAccess();
}

9. 自动化检查

完成代码后必须运行与改动相关的检查。

建议静态检查覆盖:

  • 函数长度
  • 参数数量
  • 圈复杂度
  • 嵌套深度
  • catch
  • 未使用变量
  • 重复分支
  • 基础命名规则

10. 例外规则

  • 如果确实需要突破本契约,必须说明原因。
  • 例外只能针对具体代码点,不能作为整个模块放宽标准的理由。
  • 为了满足行数限制而机械拆分、降低可读性的改动不接受。
  • 可读性优先于形式主义,但必须能解释为什么更清晰。