JavaScript获取function所有参数名的方法

下面我将详细讲解“JavaScript获取function所有参数名的方法”的完整攻略。

1. 使用Function.prototype.toString()

我们可以通过 Function.prototype.toString() 方法来获取函数的字符串表示形式，然后从该字符串中解析出函数的参数名。具体做法如下：

function getParamNames(func) {
  const paramString = func.toString().replace(/(\{[\s\S]*\})/ig, '');
  const paramRegex = /([^\s,]+)/g;
  return paramString.slice(paramString.indexOf('(') + 1, paramString.indexOf(')')).match(paramRegex) || [];
}

function myFunc(foo, bar) {
  // ...
}

console.log(getParamNames(myFunc)); // ['foo', 'bar']

上面的代码中，getParamNames() 函数接收一个函数作为参数，然后通过 Function.prototype.toString() 方法将该函数转换成字符串表示形式，再使用正则表达式来匹配出参数名。

需要注意的是，Function.prototype.toString() 方法获取的函数字符串默认包含函数体部分，需要通过正则表达式将其去除。同时，由于函数参数可以使用默认参数和解构赋值等特性，因此我们需要使用一个正则表达式来匹配出参数名。

2. 使用函数的arguments对象

除了上述方法，我们还可以通过函数的 arguments 对象来获取参数名。具体做法如下：

function getParamNames(func) {
  const argRegex = /([^\s,]+)/g;
  const result = func.toString()
    .match(/^function\s*[^\(]*\(\s*([^\)]*)\)/m)[1]
    .trim()
    .split(/\s*,\s*/)
    .map(paramStr => paramStr.match(argRegex)[0]);
  // Special case for no arguments
  if (result.length === 1 && result[0] === '') {
    return [];
  }
  return result;
}

function myFunc(foo, bar) {
  // ...
}

console.log(getParamNames(myFunc)); // ['foo', 'bar']

上面的代码中，我们使用 Function.prototype.toString() 方法获取函数的字符串表示形式，接着使用正则表达式来匹配出函数参数部分，然后再通过 split() 方法和 map() 方法来获取参数名数组。

需要注意的是，该方法也适用于无参数的函数，需要对返回结果进行特殊处理。

总结

本文介绍了两种获取函数参数名的方法：使用 Function.prototype.toString() 和使用函数的 arguments 对象。在实际开发中，我们可以根据具体的需求来选择不同的方法。同时需要注意的是，函数参数中使用了默认参数、解构赋值等特性时，需要进行特殊处理。