在前端开发中，提取和解析 JavaScript（JS）代码或数据的场景较为常见，以下是几种典型的解析库和工具，可根据不同需求选择使用：
1. 提取 JS 代码中的信息
AST（抽象语法树）解析工具
用于分析 JS 代码结构（如提取变量、函数、依赖等）：
- Babel Parser (
@babel/parser)
将 JS 代码转换为 AST，支持 ES6+、JSX、TypeScript。
const parser = require('@babel/parser');const ast = parser.parse('const a = 1;', { sourceType: 'module' });
- Esprima
轻量级 JS 语法解析器，生成标准格式的 AST。
- Acorn
快速且小巧的解析器，被 Webpack 等工具使用。
用途示例
- 代码静态分析（如 ESLint）。
- 自动重构或转换代码（如 Babel 插件）。
2. 从 HTML/CSS/非结构化文本中提取 JS
正则表达式 + DOM API
若需从 HTML 中提取 <script> 标签内容：
const jsCode = document.querySelector('script').innerHTML;
Cheerio（Node.js）
类似 jQuery 的库，适用于服务端 HTML 解析：
const cheerio = require('cheerio');const $ = cheerio.load('<html><script>console.log("test");</script></html>');const jsCode = $('script').text();
3. JSON/配置文件解析
JSON5
支持宽松格式的 JSON（如注释、尾随逗号）：
import JSON5 from 'json5';const obj = JSON5.parse('{a:1 /* comment */}');
YAML/TOML
若配置为 YAML/TOML 格式：
js-yaml：解析 YAML。toml：解析 TOML。
4. WASM/二进制数据中的 JS
若需从 WebAssembly (.wasm) 或其他二进制文件中提取嵌入的 JS：
WebAssembly.instantiate()：加载并编译 WASM。TextDecoder：解码二进制数据中的字符串。
5. JS Bundler/Runtime API
现代前端工具链提供的解析能力：
- Webpack/Rollup：通过插件分析模块依赖。
- Node.js VM：动态执行或隔离 JS 代码片段。
选择建议
- 代码分析 → Babel/Acorn。
- HTML/文本提取 → Cheerio + DOM API。
- 配置解析 → JSON5/YAML。
如果需要进一步探讨具体场景，可以补充说明需求细节！
内容由零声教学AI助手提供，问题来源于学员提问
![[GIN-debug] [WARNING] Creating an Engine instance with the Logger and Recovery middleware already attached.](https://linuxcpp.0voice.com/zb_users/upload/2023/05/202305162234452257235.png)
