重构艺术 | 如何优雅地“提炼函数“

在工作中总数遇到非常多的长代码,俗称"屎山",这类代码读起来特别费劲。自己想重构一遍,但是总感觉缺乏经验指导,因此,多读书,读好书可能是最优解之一。读《重构改善即有代码的设计》有感,便写下此篇博客,积累经验!

在软件开发的浩瀚星河中,函数是最基本的代码单元。当我们面对臃肿冗长的函数时,《重构》一书给出的第一剂良方便是"提炼函数"。这个看似简单的重构手法,实则是提升代码质量的关键转折点。

一、重构动机:代码的诗意重构

当函数膨胀到需要滚动三屏才能读完时,它就变成了代码的"黑洞"------既吞噬可读性,又掩盖复用价值。更致命的是,这样的函数往往混杂着多个抽象层级,就像把说明书、操作手册和维修指南揉成一团。提炼函数的本质,是在混沌中建立秩序,让每个函数都成为一首表达清晰意图的代码诗。

二、长度迷思:质量的新度量衡

传统认知中,20行是函数长度的黄金分割点。但Martin Fowler给出了更深刻的见解:函数名称与函数本体之间的语义距离才是核心标准。一个命名精准的函数,即使略长,只要每个代码块都在同一抽象层呼吸,就值得保留。就像好的文学作品,章节长短不重要,重要的是思想的连贯性。

三、重构四部曲

  1. 命名即设计:如同给新生儿取名,新函数的名字要能完整表达其使命。例如"计算税费"比"处理数据"更直指本质
  2. 安全过渡:通过复制粘贴建立新函数的雏形,保留原始函数的执行流程
  3. 参数手术:识别需要传递的局部变量,像外科医生般精确处理;具体情况参考下面的处理方案对照表。
  4. 替换仪式:将原函数中的代码块替换为对新函数的调用,完成重构的最后一舞

参数处理方案对照表

参数类型 特征描述 解决方案 代码示例片段
无参数 被提取代码块不依赖任何外部变量 直接提取为无参数函数 function newFunc() { /* 原代码块 */ }
只读参数 原代码块读取但不会修改外部变量 将变量作为参数传入新函数 function newFunc(readVar) { /* 使用readVar */ }
可修改参数 原代码块会修改外部变量 1. 传入参数并返回修改后的值 2. 直接修改传入的对象属性 function newFunc(input) { return input + 1; } function update(obj) { obj.value++ }
共享参数 原函数和提取函数共同修改同一变量 1. 通过返回值更新变量 2. 使用引用类型参数 3. 封装为对象操作 value = modify(value); modifyInPlace(&value); container.updateValue();
多参数混合 同时包含只读和可修改参数 组合使用上述策略: - 只读参数直接传入 - 可修改参数通过返回值/引用 function calc(readOnly, &output) {return readOnly}

四、复杂场景破局之道

当遇到多返回值困境时,解决方案如月光穿透迷雾:

  1. 构建临时对象封装多个返回值
  2. 改用集合类型(数组/元组)打包数据
  3. 重新审视函数职责,拆分为更细粒度的函数
  4. 在支持语言中利用元组解构等语法糖
javascript 复制代码
// 重构前
function printOwing(invoice) {
  let outstanding = 0;
  console.log("***********************");
  console.log("**** Customer Owes ****");
  console.log("***********************");

  // 计算未结金额
  for (const o of invoice.orders) {
    outstanding += o.amount;
  }

  // 记录到期日
  const today = Clock.today;
  invoice.dueDate = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 30);

  // 打印详情
  console.log(`name: ${invoice.customer}`);
  console.log(`amount: ${outstanding}`);
  console.log(`due: ${invoice.dueDate.toLocaleDateString()}`);
}

// 重构后
function printOwing(invoice) {
  printBanner();
  const outstanding = calculateOutstanding(invoice);
  recordDueDate(invoice);
  printDetails(invoice, outstanding);
}

五、重构哲学:在秩序与混沌之间

提炼函数不是简单的代码搬家,而是一场思维革命。每个提炼动作都应使代码更接近"自解释文档"的理想状态。当函数名能准确传达意图,当参数列表清晰描绘输入输出,当每个函数都保持单一职责,代码就会自然生长出优雅的形态。

重构大师的终极追求,是让代码像散文般流畅,如数学公式般精确。当我们用提炼函数的手法雕刻代码时,其实也在雕刻自己的思维------将混沌的灵感,淬炼成精妙的艺术。

相关推荐
百胜软件@百胜软件8 分钟前
社区生鲜零售革命:8万亿赛道的效率突围与生态重构
人工智能·重构·零售
weixin_549808362 小时前
从“人海战术“到“智能寻猎“:eRoad AI招聘系统的实战价值重构
人工智能·重构
Vanranrr2 小时前
全局搜索、跳转、重构快捷键的实战组合
重构·键盘·敏捷开发·快捷键
EasyDSS2 小时前
企业级私有化视频会议平台EasyDSS点播+直播+会议三位一体,重构企业数字化生态
重构
GOWIN革文品牌咨询2 小时前
AI入口下的B2B品牌升级:从内容堆积到标准答案位的重构方法
人工智能·重构·智能设备·工业软件·b2b品牌策划·b2b品牌设计
lpfasd1232 小时前
2026年第12周GitHub趋势周报:Claude生态爆发,AI工程化加速,开发者工具链重构
人工智能·重构·github
Fzuim5 小时前
从 LLM 接口到 Agent 接口:AI 融合系统的架构演进与未来趋势分析报告
人工智能·ai·重构·架构·agent·runtime
Reisentyan1 天前
[Refactor]CPP Learn Data Day 1
c++·重构
一水鉴天2 天前
整体设计 设计文档修订与重构修改稿 (豆包助手)20260321
人工智能·重构
进击的雷神2 天前
展位号后缀清理、详情页JS数据提取、重试机制控制、地址字段重构——美国NPE展爬虫四大技术难关攻克纪实
javascript·爬虫·python·重构