JS格式化/压缩

使用说明

1. 粘贴代码

将需要处理的 JavaScript 代码粘贴到左侧输入框。支持 ES6+ 语法、箭头函数、模板字符串、解构赋值等现代 JS 特性。

2. 选择格式化选项

缩进：支持制表符（Tab）、2/4/8 个空格，默认 4 个空格。 大括号风格：

3. 选择操作

格式化：美化代码结构，自动缩进与换行，便于阅读和调试。 压缩：去除空格、注释、换行，减小文件体积，适合生产环境。 高级压缩：在普通压缩基础上混淆变量名与函数名，进一步减小体积并增加逆向难度。

4. 查看与复制

处理结果实时显示在右侧输出区，支持语法高亮。点击「复制」按钮一键复制结果，点击清空按钮可重置输入输出。

常见 JS 代码格式规范

1. 缩进与空格

• 统一使用 2 或 4 个空格缩进，禁止混用 Tab 和空格
• 运算符两侧各留一个空格：let sum = a + b;
• 逗号后加一个空格：fn(a, b, c)
• 关键字 if / for / while 与括号间加空格
• 函数名与括号之间不加空格：function foo() {}

2. 大括号与换行

• 左大括号始终位于语句末尾（K&R 风格），避免 ASI 问题
• 单行代码块也建议使用大括号包裹，防止后续修改引入 bug
• else、catch、finally 与前一个右大括号同行
• 每个文件末尾保留一个空行（POSIX 标准）

3. 命名规范

4. 语句与分号

• 每条语句以分号结尾，避免 ASI（自动分号插入）带来的歧义
• 避免在一行内写多条语句
• 链式调用超过 80 字符时换行，每行一个方法调用

5. 注释规范

• 单行注释 // 用于解释「为什么」，而非「做了什么」
• 函数注释使用 JSDoc 格式，标明参数类型与返回值
• 临时调试代码使用 // TODO 或 // FIXME 标记
• 生产代码中移除所有 console.log 调试语句

6. 变量声明

• 优先使用 const，需要重新赋值时才用 let
• 禁止使用 var，避免变量提升带来的作用域问题
• 变量声明放在作用域顶部，避免在块中间声明

7. 代码行长度

• 单行代码建议不超过 80~120 个字符
• 长字符串、长参数列表、链式调用应合理换行
• 换行时后续行额外缩进一级，保持层级清晰