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 格式化。专为开发者打造的在线工具，纯前端运行，代码不离开浏览器。