RUNWEBTOOLS
繁體中文
文字與寫作

命名大小寫風格:camelCase、snake_case 等

更新 2026-07-06

程式碼裡滿是多詞名字 —— userNameuser_nameUserNameuser-name —— 而這些詞的連接方式並非隨意。每種風格,即 大小寫慣例,都在傳達某種資訊,並屬於特定的語言和場景。本指南講解常見的幾種、它們叫什麼,以及各自用在哪裡。

為什麼存在慣例

大多數程式語言不允許識別字裡有空格,所以多詞名字需要別的辦法來保持可讀。除了單純的可讀性,遵循語言或團隊所期望的慣例能讓程式碼一致、可預測 —— 而且在某些情況下大小寫對語言來說確實 有意義(比如首字母大寫可以標記一個類別)。選對風格不是品味問題,而是融入生態的問題。

常見的風格

camelCase

首詞小寫,之後每個詞首字母大寫,無分隔符 —— firstNametotalAmount。這些「駝峰」給了它名字。是 JavaScript、TypeScript、Java、C#、Swift、Kotlin 中變數和函式的標準。

PascalCase (UpperCamelCase)

像 camelCase,但 詞也大寫 —— FirstNameUserProfile。按慣例它在大多數語言中(包括 React 元件)為 類別、型別和元件 命名,讀者因此能立刻把型別和變數區分開。

snake_case

全小寫,詞用底線連接 —— first_nametotal_amount。是 Python、Ruby、Rust 中變數和函式的預設,並且在 資料庫欄 中極其常見。

CONSTANT_CASE (SCREAMING_SNAKE_CASE)

大寫的 snake_case —— MAX_RETRIESAPI_KEY。幾乎普遍地保留給 常數和環境變數,讓一個永不改變的值一眼可辨。

kebab-case

全小寫,詞用連字號連接 —— first-namemain-content。因看著像串在烤肉籤上的東西而得名。你會在 URL、CSS 類名、HTML 屬性和檔名 中見到它。它在大多數語言裡不能用作變數名,因為連字號會被讀成減號。

並排對照

camelCase        →  userProfileImage
PascalCase       →  UserProfileImage
snake_case       →  user_profile_image
CONSTANT_CASE    →  USER_PROFILE_IMAGE
kebab-case       →  user-profile-image

按場景速查

  • JS/TS 變數與函式 → camelCase
  • 類別、型別、React 元件 → PascalCase
  • Python/Ruby/Rust、資料庫欄 → snake_case
  • 常數與環境變數 → CONSTANT_CASE
  • URL、CSS 類、檔名 → kebab-case

在它們之間轉換

手工重新格式化名字 —— 尤其是一整個清單 —— 既枯燥又易錯。我們的 大小寫轉換器 接受任意文字,一次輸出每種常見風格,你只需複製需要的那種。若你專門要把一個標題變成 URL 友善的 kebab-case 字串,短鏈片段產生器 正是為此而造;而對一大塊文字做批次重新命名,尋找取代工具 收尾。一致的命名是個小習慣,卻能讓任何程式碼庫明顯更易讀。

更多 文字與寫作

查看全部 文字與寫作 指南 →

本指南提到的工具