JavaScript Formatter

JavaScript 格式化器（美化器）将压缩、混淆或格式混乱的 JavaScript 代码重新整理为可读性良好的格式。工具使用 JavaScript 解析器（如 Babel、Acorn 或 ESLint 的解析器）将代码解析为 AST（抽象语法树），然后按照设定的格式化规则重新生成代码。支持 ES6+ 所有语法特性，包括箭头函数、模板字符串、解构赋值、可选链等。

JavaScript 格式化是前端开发中最频繁的操作之一。将 npm 包中的压缩源码（.min.js）还原格式化以便学习和调试；在代码审查前统一团队代码风格；从网页中提取压缩的 JavaScript 并格式化以分析其功能；重构遗留代码时首先格式化以提高可读性。

格式化后的代码可以结合 JSON 格式化器 处理代码中的 JSON 数据。也可以使用 HTML 格式化器 整理包含 JavaScript 的 HTML 文件。

现代 JavaScript 格式化器支持多种代码风格配置。缩进大小（2 空格或 4 空格）、单引号或双引号、分号有无、尾逗号处理、大括号位置（同一行或新行）、箭头函数参数括号的使用等。格式化器通过解析 AST 而非简单字符串操作来保证语义的完整保留，避免破坏代码逻辑。

格式化器正确处理 JavaScript 的各种语法结构：异步函数、生成器、类（包括私有字段和方法）、模块导入导出、装饰器、JSX/TSX 语法、以及 ES 模块和 CommonJS 模块。同时保留注释（行内注释和块注释），智能地将注释关联到最近的代码节点。

• 语法错误处理：包含语法错误的 JavaScript 代码可能导致解析失败，格式化器无法正常输出。在格式化前需要确保代码语法基本正确。
• 压缩与混淆的区别：压缩（Minify）减小代码体积但保留语义；混淆（Obfuscation）可能重命名变量并插入死代码，格式化后仍然难以阅读。
• Source Map：压缩代码格式化后行号发生变化，原始 source map 将无法对应。使用格式化后的代码调试时，需重新生成 source map。
• 隐式分号：JavaScript 的自动分号插入（ASI）在某些情况下可能导致格式化后的代码行为与原代码不同，尤其在 return、throw 等语句后。
• 性能考虑：格式化超大型 JavaScript 文件（如上万行）时，浏览器解析性能可能成为瓶颈，建议使用本地工具处理大文件。

在快速格式化少量 JavaScript 代码、查看压缩代码的原始结构、或在没有本地开发环境时临时格式化代码时使用此工具。对于项目级别的 JavaScript 格式化需求，强烈推荐使用 Prettier 或 ESLint 的格式化规则，它们支持项目级配置文件、Git pre-commit hooks、以及 IDE 集成，确保团队代码风格自动统一。