JavaScript 格式化 - 免费在线工具

功能特性

美化 / 压缩一键切换

自定义缩进

语法高亮

使用方法

1. 把 JavaScript 代码粘贴到左侧的输入框。

2. 点击「格式化」美化，或点击「压缩」压缩。

3. 复制输出的格式化结果。

关于这个工具

压缩过的脚本、从聊天里粘贴的代码或在浏览器里打开的打包文件，挤在一行里很难阅读。这个格式化工具根据大括号、方括号和圆括号重新缩进 JavaScript，让语句各占一行，并完整保留字符串和注释，使函数和对象的结构重新变得清晰。可以选择两个空格、四个空格或制表符。“压缩”则反过来，去除注释和多余空白，得到紧凑的代码。它是在浏览器中即时运行的轻量格式化工具，而不是完整的编译器，非常适合阅读和整理代码；要在整个项目中保持统一格式，请使用 Prettier 或编辑器自带的格式化功能。

常见问题

能把混淆或压缩过的代码还原成原样吗？

格式化能恢复缩进和换行，让压缩代码变得可读，但 a、b、e 这类被缩短的变量名无法变回原名，这需要 source map。

支持 TypeScript 或 JSX 吗？

简单的 TypeScript 和 JSX 通常能得到不错的格式，因为缩进是跟着括号走的，但类型注解和 JSX 标签不会被专门解析。这些语言请使用 Prettier 以获得可靠的格式。

压缩后的代码能直接用于生产环境吗？

它会去掉注释和空白，但不会像 Terser 或 esbuild 这类专业压缩工具那样重命名变量或删除无用代码。生产构建请使用打包工具自带的压缩器，它还会生成 source map。

格式化会改变代码的运行结果吗？

格式化只改变空白和换行。主要风险在于依赖跨行自动插入分号的代码，提交前务必对格式化后的代码运行测试。

为什么正则表达式附近的输出看起来有点怪？

对轻量格式化工具来说，/[a-z]+/ 这样的正则字面量看起来可能像除法。如果含复杂正则的那一行被拆得很奇怪，请手动修正，或使用基于完整解析器的格式化工具。

JavaScript 格式化与美化

功能特性

使用方法

关于这个工具

常见问题

相关工具