JavaScript 格式化 - 規範化縮排

← ToolBox / JavaScript 格式化

📜 JavaScript Format

📐 工作原理與說明

按統一風格重新排版 JavaScript 程式碼。

處理：解析為 AST 後按縮排、換行、分號、引號等規則重新輸出，保證語義不變。
要點：必須基於 AST 而非簡單正則，否則會破壞正則字面量與模板字串。
常見風格：2 空格縮排、單/雙引號統一、行寬限制、尾隨逗號。
價值：統一團隊程式碼風格，減少無關 diff 噪音。

Format and beautify JavaScript in your browser — consistent style and readable source.

輸出結果

等待输入...

📚 深度解析：JavaScript 格式化

💡 常見使用場景

美化壓縮的 JS 便於閱讀。
閱讀壓縮後的第三方程式碼：格式化後打斷點除錯，比在一行裡找位置高效得多。

格式化

`function f(x){return x*2}` → 多行帶縮排。

❓ 常見問題（FAQ）

會還原變數名嗎？: 不會，格式化不逆混淆。
格式化會改變程式碼行為嗎？: 純格式化不會——它只調整空白、縮排與分號，AST 不變。但有兩個例外：一是自動分號插入（ASI）相關寫法（如以括號或方括號開頭的行）在換行改變時可能被錯誤合併；二是依賴換行行為的模板字串與正則字面量。格式化後建議跑一遍測試。

⚠️ 使用說明與注意事項

本工具純前端執行，資料不會上傳到伺服器
建議在主流瀏覽器（Chrome/Safari/Firefox/Edge）中使用
計算結果僅供參考，請以實際應用場景為準

已複製

📖關於「JavaScript 格式化」 ▼

📝工具簡介

JavaScript 格式化。專為開發者打造的線上工具，純前端執行，程式碼不離開瀏覽器。