VSCode中重构代码可提升可读性与可维护性，常用方式包括：一、用内置命令提取函数；二、手动提取并控制作用域；三、提取常量与配置变量；四、安装扩展增强重构能力。
如果您在VSCode中编写代码时发现某段逻辑重复、过长或职责不清，则可能需要通过重构提升可读性与可维护性。提取函数与变量是其中最常用且效果显著的重构方式。以下是具体操作步骤：
本文运行环境：MacBook Air，macOS Sequoia
一、使用内置重构命令提取函数
VSCode原生支持基于语言服务器（如TypeScript、Python Pylance）的智能重构，能自动识别选中代码块并生成新函数，同时更新调用位置。
1、在编辑器中选中待提取的表达式或语句块（例如连续3行计算逻辑）。
2、按下 Cmd+Shift+P（macOS）或 Ctrl+Shift+P（Windows/Linux） 打开命令面板。
3、输入“Refactor”并选择“Extract Function”选项。
4、在弹出的输入框中键入新函数名，按回车确认。
5、VSCode将自动生成函数定义，并将原位置替换为函数调用。
二、手动提取函数并控制作用域
当自动重构无法准确推断参数或返回值，或需精细控制函数可见性时，应采用手动方式，确保函数被正确定义在合适的作用域内。
1、复制选中代码块，在其上方或模块顶层添加新函数声明。
2、将原代码中所有外部变量引用显式作为参数传入，例如将 const result = a + b * 2 改写为 function calculate(a, b) { return a + b * 2; }。
3、检查原位置是否仍存在未被参数覆盖的自由变量，如有，将其加入参数列表或通过闭包/上下文注入。
4、删除原代码块，替换为函数调用，例如 calculate(x, y)。
三、提取常量与配置变量
将硬编码值（如API路径、超时毫秒数、状态码）移至命名常量，有助于统一管理与后期修改，避免散落多处引发不一致。
1、定位代码中重复出现的字面量，例如字符串 "/api/v1/users" 或数字 30000。
2、在其所属作用域顶部（如文件顶部、类静态属性、配置对象内）声明常量，命名使用全大写加下划线，例如 const API_USERS_ENDPOINT = "/api/v1/users";。
3、逐个替换原始字面量为该常量标识符。
4、保存后观察是否触发类型检查错误，若有，说明某处替换遗漏或作用域不匹配，需回溯修正。
四、利用扩展增强重构能力
VSCode默认重构功能对部分语言（如JavaScript基础语法）支持有限，安装专用扩展可补充参数推导、跨文件提取、副作用分析等高级能力。
1、打开扩展视图（Cmd+Shift+X），搜索并安装 "ES7+ React/Redux/React-Native snippets"（适用于JS/TS）或 "Python Docstring Generator"（辅助Python函数签名生成）。
2、重启VSCode使扩展生效。
3、右键选中代码区域，在上下文菜单中查找新增的重构项，如“Extract to Constant”、“Extract to Hook”等。
4、执行后观察生成的代码是否包含JSDoc注释、类型标注或默认参数，确认扩展已正确介入。
