Babel解析js代码的参数，函数名称，以及注释说明

Babel是一个强大的JavaScript编译器，可以用于解析JavaScript代码并提取参数、函数名称以及注释说明。以下是详细的步骤和示例：

方式一

1. 安装 Babel

首先，确保您在项目中安装了Babel及其相关插件。您可以使用npm或yarn来安装Babel的核心包以及解析器插件：

npm install @babel/core @babel/preset-env @babel/parser --save-dev

2. 创建一个JavaScript文件

在项目中创建一个JavaScript文件，例如output.js，以便后续解析。文件内容

/**
 * 新增函数
 */
// 单行注释
function add(a,b){
    
    
    // 返回
    return a+b;
}
/**
 * 新增1
 */
function add1(a,b){
    
    
    return a+b;
}

3. 解析 JavaScript 代码

使用@babel/parser来解析JavaScript代码并将其转换为AST。以下是一个示例：

const parser = require('@babel/parser');
const fs = require('fs');

// 读取 JavaScript 文件内容
const code = fs.readFileSync('output.js', 'utf-8');

// 解析 JavaScript 代码为 AST
const ast = parser.parse(code, {
    
    
  sourceType: 'module', // 指定代码类型，可以是 'script' 或 'module'
  plugins: ['jsx'],     // 支持 JSX 语法，根据需要添加其他插件
});
// 去除空格、* 号、\r、\n
function removeSpacesAsterisksAndNewlines(inputString) {
    
    
    const cleanedString = inputString.replace(/[\s*\r\n]/g, '');
    return cleanedString;
}

4. 提取函数信息

使用AST遍历器（@babel/traverse）来访问函数节点并提取参数、函数名称以及注释说明。以下是一个示例：

const traverse = require('@babel/traverse').default;

traverse(ast, {
    
    
    FunctionDeclaration(path) {
    
    
        // 获取函数名称
        const functionName = path.node.id.name;
        // 获取参数列表
        const parameters = path.node.params.map(param => param.name);
        // 获取函数前的注释说明
        const {
    
     leadingComments } = path.node
        const leadingCommentText = leadingComments ? leadingComments.map(item => removeSpacesAsterisksAndNewlines(item.value)).join(',') : ''
        // 获取函数内部的注释
        const innerComments = path.node.body.body[0].leadingComments;
        console.log('Function Name:', functionName);
        console.log('Parameters:', parameters);
        console.log('Leading Comments:', leadingCommentText);
        if (innerComments) {
    
    
            console.log('Inner Comments:', innerComments.map(comment => comment.value));
        }

    },
    FunctionExpression(path) {
    
    
        console.log('Function Name (Expression):', path.node.id ? path.node.id.name : 'Anonymous');
        console.log('Parameters (Expression):', path.node.params.map(param => param.name).join(', '));
    }
});

5. 运行脚本并查看结果

最后，在命令行中运行您的脚本，它将解析JavaScript代码并输出函数的名称、参数和注释说明。

node your_script.js

在这里插入图片描述

这样，您将能够详细提取JavaScript代码中函数的参数、名称和注释说明。确保根据需要调整代码以满足您的具体要求。

方式二：transform方法

1. 安装依赖