如何动态获取 javascript函数参数名称/值？

给定任意 JavaScript函数，任务是返回函数的参数名称。

方法： JavaScript 包含一个名为函数.toString()的方法，用于将函数代码表示为其字符串表示形式。此方法用于获取参数名称/值。

• 首先，使用 toString() 方法将函数的代码与其字符串等效。
• 然后删除所有不必要的代码，如注释、函数体、空格和 ES6 箭头（如果有）。
• 识别'('的第一次出现，它将在参数开始之前。
• 字符串的最后一个字符是 ')'，它会删除所有注释、函数体、空格和 ES6 箭头。
• 此外，最后一个字符将在参数末尾之后。

例子：

Javascript

 
// JavaScript program to get the function
// name/values dynamically
function getParams(func) {
         
    // String representaation of the function code
    var str = func.toString();
 
    // Remove comments of the form /* ... */
    // Removing comments of the form //
    // Remove body of the function { ... }
    // removing '=>' if func is arrow function
    str = str.replace(/\/\*[\s\S]*?\*\//g, '')
            .replace(/\/\/(.)*/g, '')        
            .replace(/{[\s\S]*}/, '')
            .replace(/=>/g, '')
            .trim();
 
    // Start parameter names after first '('
    var start = str.indexOf("(") + 1;
 
    // End parameter names is just before last ')'
    var end = str.length - 1;
 
    var result = str.substring(start, end).split(", ");
 
    var params = [];
 
    result.forEach(element => {
         
        // Removing any default value
        element = element.replace(/=[\s\S]*/g, '').trim();
 
        if(element.length > 0)
            params.push(element);
    });
     
    return params;
}
 
// Test sample functions
var fun1 = function(a){ };
 
function fun2(a = 5*6/3, // Comment
    b){ };
 
var fun3 = (a, /*
    */
    b, //comment
    c) => /** */{ };
 
console.log(`List of parameters of ${fun1.name}:`, getParams(fun1));
console.log(`List of parameters of ${fun2.name}:`, getParams(fun2));
console.log(`List of parameters of ${fun3.name}:`, getParams(fun3));

输出：

List of parameters:
List of parameters of fun1: [ 'a' ]
List of parameters of fun2: [ 'a', 'b' ]
List of parameters of fun3: [ 'a', 'b', 'c' ]