懂沒寫過的程式碼
怎麼讀特定函式、搞懂它做什麼
⏱ 預估 ~5 分鐘
01 · 讀一讀
上一課你學了怎麼拿到程式碼庫大局。現在拉近。怎麼讀特定函式、懂它做什麼？
這是你身為工程師每天都會用的技能。你會打開檔、看別人寫的函式、需要搞懂它做什麼、怎麼運作、有沒有 bug。
好消息：程式碼用有結構、邏輯方式寫。一旦你知道看什麼，讀函式幾乎像讀食譜。
02 · 讀一讀
下面是讀任何遇到函式的系統做法。照順序走這些步驟，最困惑的函式也會開始有道理。
重點整理
- 讀函式名 — 通常描述它做什麼
- 讀參數 — 它預期什麼輸入？
- 讀回傳值 — 它輸出什麼？
- 一行一行追邏輯
- 用 Claude：「用簡單話解釋這函式做什麼」
03 · 看程式碼
讀這函式、看解釋前試著搞懂它做什麼。用上面步驟：名字、參數、回傳值、然後追邏輯。
神秘函式
function processItems(items, threshold) {
const filtered = items.filter(item => item.price > threshold);
const sorted = filtered.sort((a, b) => b.price - a.price);
return sorted.slice(0, 5);
}
這函式拿一個項目清單跟價格門檻、過濾掉門檻下的、按價格排序（最高先）、回前 5 個。像 'filter'、'sort'、'slice' 這些名字是你線索。沒有註解，程式碼本身告訴你做什麼 — 如果你會讀。
04 · Prompt 範本
你卡在函式時，用 Claude 確認你理解。把佔位符換成你實際檔跟解讀。
解釋 {{filename}} 裡面的 processItems 函式在做什麼。我理解它是 {{your_understanding}}，這樣對嗎？05 · 填空
讀函式時，告訴你最多的三樣是名字、_____、跟回傳值。
⚠ 完整互動體驗需要 JavaScript。請啟用 JavaScript 後重新整理。
※ 本站為獨立繁中教學專案，非 Anthropic 官方產品。Claude™ 為 Anthropic, PBC 商標。