JavaScript 代码美化器 & 压缩器

使用自定义缩进和大括号样式格式化杂乱的 JavaScript,或缩小文件大小。支持 ES6+。完全在您的浏览器中运行 - 您的代码永远不会离开您的设备。

美化·缩小·ES6+·客户端
输入 0 字符 · 0 行
输出 0 字符 · 0 行

如何美化与压缩 JavaScript

如何使用这个工具

将 JavaScript 粘贴到输入面板中,从模式选项卡中选择 美化缩小,结果会立即出现。在处理之前调整缩进大小、大括号样式和换行符处理等选项。点击 复制输出 复制到剪贴板,或点击 下载 .js 保存文件。

美化选项解释

  • 大括号样式折叠{ 保留在同一行(K&R / 标准 JS 风格)。 展开{ 放在独立新行(Allman 风格)。 末尾展开 是混合模式,elsecatch 独立换行。
  • 保留换行符 — 将空白行保留在原来的位置。对于使用间距作为逻辑分组的代码很有用。
  • JSLint 兼容模式 — 匹配 Douglas Crockford 的 JSLint 强制执行的代码风格,函数表达式的 ( 前会加一个空格,以及其他细节调整。
  • 反转义字符串 — 在安全的情况下,将 \xNN\uNNNN 转义序列还原为字面字符。

缩小选项解释

  • 保留 /*! 许可证 */ — 保留以 /*! 开头的注释,这是大多数库用于标记 MIT/Apache 版权声明头的惯例,此类注释必须保留在分发代码中。
  • 去除末尾分号 — 移除 } 前的最后一个 ;。能节省一个字节,但会使代码差异更难阅读,因此默认关闭。

压缩器有意采取保守策略——仅移除空白符和注释,不会重命名变量、混淆属性名或执行 AST 级别的死代码消除。如需深度优化,请在构建流程中使用 terseresbuild

由 js-beautify 提供支持

美化器基于 js-beautify 驱动,这是 VS Code、Sublime Text、Atom 以及大多数主流在线格式化工具所使用的同一库。所有操作均在您的浏览器本地运行——无需上传、无需服务器往返、无速率限制。粘贴 500 KB 的压缩包,几毫秒内即可完成格式化。

常问问题

我的 JavaScript 代码是否发送到服务器?

不会。所有美化和压缩操作完全在您的浏览器中进行,使用从 CDN 加载的 js-beautify 库。您的代码永远不会离开您的设备。

美化和压缩有什么区别?

美化会通过适当的缩进和换行来格式化代码,使其更易于阅读。压缩则移除空白符、注释和多余字符,以减小文件大小,适合生产环境部署。

压缩器会重命名变量吗?

不会。本工具仅执行空白符和注释的移除操作,不会重命名变量、混淆标识符或进行 AST 级别的优化。如需这类深度压缩,请在构建流程中使用 Terser、UglifyJS 或 esbuild。

它可以处理 ES6+ 语法吗?

可以。美化器支持现代 JavaScript 语法,包括箭头函数、模板字面量、async/await、类、解构赋值、展开/剩余运算符、可选链和空值合并运算符。

有哪些大括号样式可供选择?

共三种样式:折叠(左大括号与语句同行)、展开(左大括号单独另起一行),以及末尾展开(左大括号与语句同行,但 elsecatch 另起新行)。

相关工具