用 Claude Code 重構程式碼

重構是改善現有程式碼的結構而不改變其行為。Claude Code 可以大幅加速這個過程。

範例：重構一個混亂的 API 路由

Before — 又臭又長的程式碼

app.post('/api/order', async (req, res) => {
  // 100 行混在一起的驗證、商業邏輯、資料庫操作...
})

給 Claude Code 的 Prompt

請幫我重構 app/api/order/route.ts：
1. 把驗證邏輯抽成獨立的 validateOrder 函式
2. 商業邏輯放到 lib/order-service.ts
3. 保持原有 API 行為不變
4. 加上適當的錯誤處理

重構的最佳實務

1. 先讓 Claude Code 了解脈絡

讀一下 src/services/ 目錄的程式碼風格，
然後用同樣的 pattern 來重構這個檔案

2. 小步前進

不要一次重構整個專案，一次處理一個檔案或功能。

3. 搭配測試

重構完之後，跑一下測試確認沒有破壞任何東西：
npm test

常見重構模式

• Extract Function — 把一段邏輯抽成函式
• Move to Module — 把相關程式碼搬到獨立模組
• Rename — 讓命名更清楚
• Simplify Conditionals — 簡化複雜的 if-else

💡 重構的黃金法則：每次改動都要能通過測試。