📜 JS格式化/压缩
JavaScript Beautify · Minify · 代码排版
JavaScript Beautify · Minify · 代码排版
格式化使用简单的规则进行，对于复杂混淆代码建议先用浏览器开发者工具格式化。本工具适用于常规JS代码。
压缩只是去除空白和注释；混淆会重命名变量、缩短标识符。本工具做的是基础压缩，生产环境建议使用UglifyJS/Terser等专业工具。
压缩或混淆过的JS挤成一行很难读，格式化后恢复缩进和换行，能看清函数结构、嵌套层级和控制流，对排查问题和阅读第三方库源码很有帮助。
不会。本工具的压缩只去除空白、换行和注释，不改变任何代码语义。字符串、正则、模板字符串里的内容都会原样保留，运行结果完全一致。
本工具能识别单引号、双引号、模板字符串(反引号)和正则，这些内容内部的空白和换行不会被改动，避免破坏字符串内容和正则语义。
基础压缩只去空白和注释，对体积影响有限。真正大幅减小体积需要混淆（缩短变量名）+ 去除无用代码(tree-shaking)，那属于构建工具的工作。
基础压缩结果是安全的，可以上线。但生产环境更推荐用Terser等专业工具，它们能额外做变量名压缩、常量折叠等优化，体积更小。
纯浏览器本地处理，速度取决于你的设备和代码复杂度。几千行的常规代码格式化基本毫秒级完成，不会明显卡顿。
很多人把JS的压缩和混淆混为一谈，但它们是两回事。清楚区别才能选对工具，也能明白为什么自己写的压缩代码体积没想象中小。
| 对比项 | 压缩(Minify) | 混淆(Obfuscate) |
|---|---|---|
| 做什么 | 去空白/换行/注释 | 重命名变量+缩短标识符 |
| 是否改变逻辑 | 不改变 | 不改变 |
| 体积减小 | 中等 | 较大 |
| 可读性 | 压缩后难读 | 更加难读 |
| 工具 | 本工具/UglifyJS | javascript-obfuscator |
| 用途 | 优化加载 | 保护源码 |
格式化只是一步「整理」，真正理解逻辑还需要结合注释和运行调试。
生产环境的JS优化不是一步到位的，通常由构建工具在打包时自动完成。
本工具覆盖了第1步，也是最基础的一步，适合快速处理单文件。
| 类型 | 示例 | 说明 |
|---|---|---|
| Number | 42, 3.14 | 数字类型 |
| String | "hello", 'world' | 字符串 |
| Boolean | true / false | 布尔值 |
| Array | [1,2,3] | 数组 |
| Object | {a:1} | 对象 |
| Function | function(){} | 函数 |
| null | null | 空值 |
| undefined | undefined | 未定义 |
| Symbol | Symbol() | 唯一标识 |
| 转义 | 含义 |
|---|---|
| \n | 换行 |
| \t | 制表符 |
| \\ | 反斜杠 |
| \' | 单引号 |
| \" | 双引号 |
| \r | 回车 |
| \b | 退格 |
1. 粘贴JavaScript代码。
2. 点击"格式化"美化排版。
3. 点击"压缩"去除空格和注释。