EDU AI BUILDERSLEARN · MAKE · UNDERSTANDBUILDING IN PUBLIC
Edu AI Builders
GitHub ↗
← 全部课程

免费课程 · 阅读 + 交互实验 + 实践

与 AI 安全重构:一步改动,一步验收

写给:页面已经能跑、但代码乱到每次交给 AI 大改都提心吊胆的开发者

“我只让 AI 帮我整理一下,结果它顺手把本来能用的功能也改没了。”

用已运行的提示卡练习行为约定、函数提取、测试、差异审阅与回退。

学完你手里会有

一次保持原有行为的重构,外加基线、验收清单和一份真的能执行的回退步骤。

第 1 节 · 约 15 分钟

重构改变内部组织,保留约定行为

区分重构、修复缺陷与新增功能,说明保持什么不变。

重构是调整程序内部结构,同时保持对外可观察行为不变。例如把提示按钮的重复显示逻辑整理成一个函数,用户仍按同样方式打开和收起。它不等于把页面全部换新,也不意味着顺便改变学习活动的规则。

修复缺陷会有意改变错误行为,新增功能则增加新的使用方式。它们都可能有价值,但若与重构混在一次大修改里,出了问题就难判断是哪种变化造成。先写清本轮只是整理哪一部分,其他需求另开任务。

代码更短,原来的行为一定还在吗?

① 先预测:重构后只检查首次点击,足够确认提示按钮仍然正常吗?

课堂提示卡

操作次数:0 · 提示:隐藏

请连续操作两次,也可以用 Tab 聚焦按钮后按 Enter。

演示边界:预设故障帮助观察回归测试的作用,不会修改你的项目,也不能替代真实项目的检查。

AI 很擅长给出整段改写,但你负责定义不变的部分和检查方法。本课程用已能运行的提示卡作为练习:保持初始隐藏、首次展开、再次收起和键盘可用,逐步整理代码,并学习如何发现回归与恢复已知版本。

看起来一样,就一定没变吗?

预测重构后截图相同能否证明按钮行为相同;分别点击两次并用键盘操作,解释静态外观覆盖不到的状态。

留下一份自己的结果

选择一小段提示卡代码,写“要整理什么”“必须不变什么”“本轮不加什么”,保留一个可运行副本。

在自己的编辑器或笔记中完成。这里不会上传或自动评判你的作品。

把提示改为自动弹出并称为纯重构,准确吗?

完成实践后,逐项自检

完成上面的理解检查与所有自检后,可记录进度。阅读或点击下一节不会自动完成课程。

来源与延伸阅读

课程中的例子与练习为本站编写;下面的原始资料用于核对概念和技术细节。