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

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

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

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

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

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

传统认知中,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 分钟前
前端EXCEL插件,智表ZCELL产品V3.0 版本发布,底层采用canvas全部重构,功能大幅扩展,性能极致提升,满足千万级单元格加载
前端·重构·excel·jquery·插件·智表
小柔说科技23 分钟前
传统销售VS智能销售:AI如何重构商业变现逻辑
人工智能·重构·ai销售·销售方法
九河云1 小时前
汽车制造行业的数字化转型
大数据·科技·重构·汽车·制造
白码低代码19 小时前
橡胶制品行业质检管理的痛点 质检LIMS如何重构橡胶制品质检价值链
大数据·人工智能·重构·lims·实验室管理系统
开利网络20 小时前
开放的力量:新零售生态的共赢密码
大数据·运维·服务器·信息可视化·重构
上海锝秉工控2 天前
单圈精微,多圈无界——绝对值编码器如何重构工业定位的底层逻辑
重构
电报号dapp1192 天前
DeFi开发系统软件开发:技术架构与生态重构
重构·架构·web3·去中心化·区块链·智能合约
坏柠2 天前
万物互联时代:ONVIF协议如何重构安防监控系统架构
重构·系统架构
说私域3 天前
数字传播生态中开源链动模式与智能技术协同驱动的品牌认知重构研究——基于“开源链动2+1模式+AI智能名片+S2B2C商城小程序”的场景化传播实践
人工智能·小程序·重构·开源·零售
彬彬醤3 天前
全局网络:重构数字时代的连接范式
运维·服务器·网络·数据库·重构·代理模式