如何动态检索 JavaScript 函数参数名称和值？

如何在 JavaScript 中动态检索函数参数详细信息

在某些场景下，动态访问函数的参数名称和值是必要的。本文探讨了解决此问题的强大解决方案。

提取参数名称的函数

以下函数 getParamNames 可以提取任何提供的函数的参数名称：

var STRIP_COMMENTS = /((\/\/.*$)|(\/\*[\s\S]*?\*\/))/mg;
var ARGUMENT_NAMES = /([^\s,]+)/g;

function getParamNames(func) {
  var fnStr = func.toString().replace(STRIP_COMMENTS, '');
  var result = fnStr.slice(fnStr.indexOf('(')+1, fnStr.indexOf(')')).match(ARGUMENT_NAMES);
  if(result === null)
     result = [];
  return result;
}

用法和示例

getParamNames(getParamNames) // returns ['func']
getParamNames(function (a,b,c,d){}) // returns ['a','b','c','d']
getParamNames(function (a,/*b,c,*/d){}) // returns ['a','d']
getParamNames(function (){}) // returns []

注意：处理默认值参数

随着 ES6 的出现，默认参数可能会导致 getParamNames 函数出错。为了解决这个问题，提供了更新版本：

var STRIP_COMMENTS = /(\/\/.*$)|(\/\*[\s\S]*?\*\/)|(\s*=[^,\)]*(('(?:\'|[^'\r\n])*')|("(?:\"|[^"\r\n])*"))|(\s*=[^,\)]*))/mg;

虽然这个增强版本在大多数情况下处理默认参数，但可能会出现异常。

检索参数值

中除了获取参数名称之外，还可能需要相应的值。这可以通过参数局部变量轻松访问，该变量可以转换为数组：

var args = Array.prototype.slice.call(arguments);

或者，如果数组泛型可用：

var args = Array.slice(arguments);

通过采用这些技术，开发人员可以动态访问函数的参数和值以满足各种需求和定制。

以上是如何动态检索 JavaScript 函数参数名称和值？的详细内容。更多信息请关注PHP中文网其他相关文章！