AI 辅助代码重构

重构是程序员的日常，AI 能大幅加速这个过程。

场景一：Class 转 Hooks

把 React Class 组件迁移到函数组件，AI 能一次性完成：

输入（选中）：

class Timer extends React.Component {
  state = { seconds: 0 };
  componentDidMount() {
    this.interval = setInterval(
      () => this.setState(s => ({ seconds: s.seconds + 1 })), 1000
    );
  }
  componentWillUnmount() { clearInterval(this.interval); }
  render() { return <div>{this.state.seconds}s</div>; }
}

让 AI 转换，得到：

function Timer() {
  const [seconds, setSeconds] = useState(0);
  useEffect(() => {
    const id = setInterval(() => setSeconds(s => s + 1), 1000);
    return () => clearInterval(id);
  }, []);
  return <div>{seconds}s</div>;
}

场景二：消除重复代码

选中几段相似代码，问 AI："抽象出公共函数"。

场景三：性能优化

贴一段代码问："哪里可以优化"，AI 会指出重复计算、不必要的重渲染等问题。

注意事项

AI 重构后务必测试，尤其是涉及业务逻辑的部分。AI 理解不了你的业务语境，边界情况需要人工确认。