ZH
我的工具

JavaScript 格式化工具(Beautifier)

把压缩或杂乱的 JavaScript 整理成统一的缩进、每行一条语句、运算符两侧留空格。字符串、正则表达式和模板字符串保持不变。

格式化后的 JavaScript

17 行 · 86 个词法单元 · 字符串、正则表达式和模板字符串会原样复制。

我的工具 →
广告

压缩过的打包文件,或从聊天、邮件里粘贴来的代码很难阅读。这个格式化工具按花括号、方括号和圆括号重新缩进 JavaScript,让每条语句独占一行,并在运算符两侧加上空格,方便你理清逻辑、审查或调试。它按词法单元处理而不是完整的语法解析:字符串、正则表达式和模板字符串会逐字符原样复制,注释会保留。

使用方法

  1. 把 JavaScript 粘贴到输入框中,格式化后的结果会随输入实时显示。
  2. 缩进可选 2 个空格、4 个空格或制表符。
  3. 选择花括号风格:与 if/for/function 在同一行,或单独占一行。
  4. 决定保留连续几个空行,然后复制结果。

计算公式

缩进 = 开启多行块的 { [ ( 的数量 × 缩进单位

{ 打开一个代码块或对象字面量并另起一个缩进的新行,} 将其关闭。; 结束一行,但 for (…) 头部内的除外。逗号会在对象字面量内,以及你已拆成多行的括号内换行。凡是代码依赖自动分号插入的地方——例如 return 后的换行,或以 (、[ 开头的语句——都会保留换行,因此格式化后的代码与原代码行为完全一致。

示例

压缩的一行 if(a){b()}else{c()} 会变成五行:if (a) {,缩进两个空格的 b(),} else {,再次缩进的 c(),以及结尾的 }。选择“独占一行”的花括号风格时,左花括号都会移到单独的一行,else 也会另起一行。

常见问题

它会改变我代码的行为吗?

不会。只会改变词法单元之间的空白。与自动分号插入有关的换行会被保留,字符串、正则表达式和模板字符串的内容绝不会被改动。

支持 TypeScript 或 JSX 吗?

它是为普通 JavaScript(ES2023)设计的。TypeScript 的类型标注、泛型以及 JSX 标记无法识别,空格可能会很奇怪——这类文件请使用支持 TypeScript 的格式化工具。

能还原被压缩的变量名吗?

不能。会重命名变量的压缩工具已经丢弃了原来的名字;格式化只能恢复排版,无法恢复名称。

我的代码会被上传吗?

不会。格式化在浏览器中完成,所以私有源代码不会离开你的设备。

资料来源

最后更新:

引用此工具
APA

kakaoCalc. (2026, November 8). JavaScript 格式化工具(Beautifier). https://kakao.mobile/zh/tools/javascript-beautifier/

MLA

“JavaScript 格式化工具(Beautifier).” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/javascript-beautifier/.

广告