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

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

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

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

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

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

传统认知中,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);
}

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

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

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

相关推荐
爱写代码的小朋友19 小时前
智变与重构:AI 赋能基础教育教学的范式转型研究报告
人工智能·重构
MILI元宇宙2 天前
DeepSeek R1开源模型的技术突破与AI产业格局的重构
人工智能·重构·开源
telunsidianziqin2 天前
特伦斯 S75 电钢琴:重构演奏美学的极致表达
重构
向哆哆2 天前
Java代码重构:如何提升项目的可维护性和扩展性?
java·python·重构
weixin_549808362 天前
易路 iBuilder:解构企业 AI 落地困境,重构智能体时代生产力范式
人工智能·重构
开利网络3 天前
数据资产化浪潮下,企业如何构建去中心化商业新生态?
大数据·数据库·人工智能·信息可视化·重构
程序边界3 天前
AIGC与影视制作:技术革命、产业重构与未来图景
重构·aigc
唐天下文化3 天前
【AI赋能,视界升级】智微智能S134 AI OPS,重构智慧大屏未来
人工智能·重构
九河云3 天前
烟草工业数字化转型:科技领航,重塑传统产业新生态
科技·重构·架构·制造
keke103 天前
WPF【11_11】WPF实战-重构与美化(配置Material UI框架)-示例
ui·重构·wpf