JS代码格式化工具

在线格式化压缩过的 JavaScript 代码,自动缩进、换行、对齐,支持自定义缩进和括号风格,适合阅读混淆压缩代码。

工具介绍

JS代码格式化工具可以帮助您美化压缩、混乱或缩进不规范的JavaScript代码,让代码更易于阅读和维护。工具基于词法分析处理,不改变代码原有语义,支持自定义缩进格式和大括号风格。

使用方法

  1. 将需要格式化的JS代码粘贴到左侧输入框
  2. 选择缩进类型(2空格、4空格或Tab)
  3. 选择大括号风格:展开(Allman)或折叠(K&R)
  4. 选择是否保留注释和字符串中原有的换行
  5. 点击「格式化代码」按钮,格式化后的结果会显示在下方结果框中
  6. 点击「复制结果」按钮可以快速复制格式化后的代码

格式化原理

工具首先对输入代码进行词法分析,将代码分割为字符串、模板字符串、注释、代码和标点符号等不同类型的Token,然后按照以下规则重新排版:

  • 根据大括号/中括号的嵌套自动计算缩进层级
  • 按照选择的缩进类型添加对应数量的缩进
  • 按照选择的大括号风格调整换行位置:
    展开风格(Allman):大括号单独占一行
    折叠风格(K&R):左大括号放在上一行的末尾
  • 保留字符串、模板字符串和注释中原有的内容和格式,不会修改内容

注意事项

  • 工具仅格式化代码,不会修改代码原有的语义和逻辑
  • 如果代码存在未闭合的字符串或注释,格式化结果可能不符合预期,请检查原代码语法
  • 所有计算都在您的浏览器本地完成,代码不会上传到服务器
这个工具会修改我原代码的内容吗?

不会。工具仅对代码进行重新排版,调整缩进和换行,不会修改原代码的任何语义和内容。字符串、注释、变量名等所有内容都会保持原样。

格式化后的代码可以正常运行吗?

可以。由于工具不改变代码语义,仅调整格式,格式化后的代码和原代码逻辑完全一致,可以正常运行。

支持格式化TypeScript代码吗?

由于TypeScript是JavaScript的超集,基础的TypeScript代码通常也可以正常格式化,但部分特殊语法可能会有格式问题,仅供参考。

为什么格式化后注释的格式变了?

工具会保留注释原有的内容,如果原注释有换行,工具也会保留这些换行,并按照当前缩进层级调整注释的缩进位置,整体格式会更清晰。