編程基礎篇 · 樹與圖：AI 的主場
樹：Coding Agent 眼裏全是它
前面幾課的收納方式都是「一排排」的，這一課換個維度：一層套一層的收納。衣櫃裏有格子，格子裏有盒子，盒子裏有袋子——這種「層級 + 包含」的收納方式，在編程世界叫「樹」。而 Coding Agent 抬眼望去，你的項目裏全是樹。
一物三看 · 同一個項目，三棵樹
假設你叫 AI 幫你做一個「奶茶店小程式」。下面三個標籤頁，分別是這個項目的文件目錄、一筆訂單的 JSON 數據、點單頁的網頁 DOM——三樣東西看着完全不同，請你點擊帶箭頭的節點展開收起，留意一件事：佢哋嘅形狀係咪一模一樣？都是一個根往下分叉。
根：最頂上那個，全樹只有一個
父 / 子：上一層是父，展開出來的是子
葉子：再也展不開的末端節點
只要有「層級 + 包含」關係，它就是樹。資料夾包含文件、訂單包含商品列表、頁面包含卡片包含按鈕——收納邏輯完全一樣。所以 Agent 學會「讀樹」這一門手藝，就能同時看懂你的項目結構、API 返回的數據和整個網頁。順便記三個術語：最頂上的叫根，有孩子的叫父節點，沒孩子的末端叫葉子。就這三個，夠用一輩子。
重頭戲 · 一行程式碼變成一棵樹
樹最厲害的一次出場，是在程式碼本身。下面這行算總價的程式碼，在你眼裏是一串文字，在 Coding Agent 眼裏是一棵語法樹（AST）。點「解析」，看它自下而上長出來——留意每一步高亮的程式碼片段，和樹上新長出的節點是怎麼對應的。
total=price*qty+fee
這行程式碼的意思：總價 = 單價 × 數量 + 配送費。點下面的「解析」，睇 Agent 係點樣讀佢。
動畫約 5 秒，自下而上長出一棵樹
這就是 Coding Agent 改程式碼精準的秘密。你説「把乘號右邊的變數改成 quantity」，Agent 不是在一堆文字裏搜「乘號」兩個字——它在樹上先找到
* 節點，再取它的右孩子，指哪打哪。改完再把樹「列印」返文字，一個空格都不會錯位。重命名變數、抽取函式、批量重構，靠的全是在這棵樹上做手術，而不是碰運氣的文本替換。
呢樣同 AI 有咩關係？
Agent 讀項目 = 從根遍歷文件樹
你把項目丟給 Coding Agent，它做的第一件事就是從根目錄出發，一層層展開子資料夾——同你頭先點開「奶茶店小程式」目錄嘅動作一模一樣。它先看樹的形狀瞭解項目骨架，再挑幾片關鍵的「葉子」細讀。
JSON 是 API 世界的通用樹
你調用大模型 API 時發的 message list、RAG 檢索回來的資料、Agent 之間傳的任務，幾乎全打包成 JSON——因為它是一棵用文字寫出來的樹，任何程式都能一層層拆開讀。看懂樹，就看懂了 AI 世界一大半的數據。
✅ 這一課想和你分享的
- 層級即樹：只要有「一層套一層」的包含關係，就是樹——文件目錄、JSON、DOM 全是
- 三個術語：最頂上叫根，有孩子的叫父節點，末端叫葉子
- AST 是 AI 精確改程式碼的地圖：Agent 看的不是文字，是語法樹，所以能指哪打哪
- Agent 讀項目就是遍歷文件樹：從根出發一層層展開，先看骨架再讀葉子
- JSON 是 API 世界的通用樹：AI 世界的數據交換，大半靠這棵「文字樹」