[JavaScript] 动态获取方法参数名

JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。 

以下是一些JavaScript的基本特性：

1. 它是一种解释性脚本语言：这意味着它不需要在被执行之前进行编译。相反，它是在运行时逐行解释和执行的。

2. 它是基于对象的：在JavaScript中，所有的事物都是对象，包括字符串、数字、数组、日期等等。

3. 它是事件驱动的：这意味着JavaScript可以在特定事件发生时执行代码，例如，当用户点击一个按钮，当页面加载完成等。

4. 它是跨平台的：JavaScript可以在多种平台上运行，如Windows、Linux、Mac、iOS和Android等。

5. 它是安全性的：JavaScript是一种安全性语言，它可以防止通过脚本进行恶意操作。

目录

 1.动态获取方法参数名 

 1.1 演示效果

1.2 代码

---

 1.动态获取方法参数名 

在JavaScript中，是无法直接获取函数的参数名的。这是因为函数在JavaScript内部被解析为一个调用栈帧，参数名在解析过程中被忽略，所以在运行时是无法获取到参数名的。

 1.1 演示效果

// function 有参数测试
var a = function(x,y){return x+y;}
get_function_params(a)  // (2) ['x', 'y']
// function 单个参数测试
var e = function(x){return x;}
get_function_params(e) // ['x']
// function 无参数测试
var f = function(){return 1;};
get_function_params(f)  // []

// lambda 有参数测试
var c = (x,y)=>{return x+y;}
get_function_params(c)  // (2) ['x', 'y']
// lambda 单个参数测试
var d = x=>{return x;}
get_function_params(d)  // ['x']
var v = (x)=>{return x;}
get_function_params(v)  // ['x']
// lambda 无参数测试
var g = ()=>{return 1;}
get_function_params(g);  // []

1.2 代码

参数介绍:

1. func: 需要获取参数列表的函数。

• 类型: Function

返回值:

• 类型: Array
• 描述: 返回一个包含函数参数名称的数组。如果无法获取参数列表，则返回空数组。

/**
 * 获取函数的参数列表。
 * 该函数通过解析函数字符串来获取函数的参数列表。由于JavaScript中函数的多种定义方式，需要通过正则表达式来匹配提取参数。
 * 
 * @param {Function} func - 需要获取参数列表的函数。
 * @return {Array} 返回一个包含函数参数名称的数组。如果无法获取参数列表，则返回空数组。
 */
function get_function_params(func) {
    // 使用正则表达式匹配函数定义中的参数部分。
    let parms = func.toLocaleString().match(/[function ]*\(([a-zA-Z0-9, ]*)\)([=>\{ ])|[function ]*([a-zA-Z0-9]+)[ =>]*/);
    
    // 遍历匹配结果，寻找有效的参数字符串。
    for (let index = 1; index < parms.length; index++) {
        let element = parms[index];
        // 如果匹配到有效的参数字符串。
        if (element||element=='') {
            element = element.replace(' ', '');
            // 如果参数字符串包含括=='',返回空参数列表
            if(element==''){
                return [];
            }else if (element.indexOf('(') != -1) { // 如果参数字符串包含括号，说明是带默认值或解构赋值的参数，需要特殊处理。
                // 移除括号和空格，然后按逗号分割，得到参数列表。
                return element.replace(')', '').replace('(', '').split(',');
            }else {
                // 如果不包含括号，直接移除空格后按逗号分割，得到参数列表。
                return element.split(',');
            }
        }
    }
    // 如果匹配结果为空，说明无法获取到有效的参数列表，返回空数组。
    return [];
}