JS 格式化
在线美化 JavaScript，支持 TypeScript 与 JSX 解析。
输入
0 字符1 行0 B
格式化结果
在左侧输入内容，结果会实时显示在这里
0 字符1 行0 B
使用说明
这个工具解决什么问题
排查线上问题时要读压缩后的产物代码,复制开源项目里没格式化的脚本,review 一段从聊天记录里贴来的代码——这些场景的共同痛点是「结构看不清」。这个工具按真实语法树(而非正则)重新断行与缩进,JavaScript、TypeScript、JSX、TSX 四种语言通吃,顺带做语法检查:代码里少了括号、多了逗号,格式化时会直接报出来。
核心能力
四语言支持:JS/TS/JSX/TSX 按对应语法解析。语法检查:解析失败给出中文错误定位,先于编辑器发现问题。风格可配:分号有无、引号单双可选。结构还原:压缩与混淆代码重新展开,控制流一目了然。
使用建议
读压缩代码时先美化再搜索关键变量;从 Stack Overflow 或 AI 对话里复制的代码片段,先格式化统一风格再入项目;TS 报语法错误时贴进来,行列定位比翻编译日志快。
常见问题
能格式化压缩混淆过的代码吗?
能,这正是它的高频用途。把压缩成一行甚至经过混淆的代码粘贴进来,美化器会按语法结构重新断行缩进,变量名虽然还是 a、b、c,但控制流与函数边界立刻清晰可读。
TypeScript 的类型标注会被破坏吗?
不会。工具按 TypeScript 语法解析,接口定义、泛型、类型标注、装饰器都会被完整保留并正确缩进;JSX 与 TSX 的标签结构同样按语法树处理,不会把标签当普通文本。
分号和引号风格是强制统一的吗?
是可选项。你可以选择「保留原样」或「统一加分号/去分号」「单引号/双引号」,格式化时按选择统一全篇,团队规范一键对齐。