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

javascript reflection function-parameter

2022-08-29 23:50:17

有没有办法动态获取函数的函数参数名称？

假设我的函数看起来像这样：

function doSomething(param1, param2, .... paramN){
   // fill an array with the parameter name and value
   // some other code 
}

现在，如何将参数名称及其值的列表从函数内部获取到数组中？

答案 1

以下函数将返回传入的任何函数的参数名称的数组。

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的发明，这个功能可以通过默认参数来触发。这是一个快速的技巧，在大多数情况下应该有效：

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

我说大多数情况下是因为有些事情会绊倒它

function (a=4*(5/3), b) {} // returns ['a']

编辑：我还注意到vikasde也希望参数值在数组中。这已在名为 arguments 的局部变量中提供。

摘自 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions_and_function_scope/arguments：

参数对象不是数组。它类似于数组，但除了长度之外没有任何 Array 属性。例如，它没有 pop 方法。但是，它可以转换为真正的数组：

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

如果数组泛型可用，则可以改用以下内容：

var args = Array.slice(arguments);

答案 2

下面是从AngularJS获取的代码，它使用该技术作为其依赖注入机制。

这是对它的解释，取自 http://docs.angularjs.org/tutorial/step_05

Angular 的依赖注入器在构造控制器时向控制器提供服务。依赖关系注入器还负责创建服务可能具有的任何传递依赖关系（服务通常依赖于其他服务）。

请注意，参数的名称很重要，因为注入器使用这些名称来查找依赖项。

/**
 * @ngdoc overview
 * @name AUTO
 * @description
 *
 * Implicit module which gets automatically added to each {@link AUTO.$injector $injector}.
 */

var FN_ARGS = /^function\s*[^\(]*\(\s*([^\)]*)\)/m;
var FN_ARG_SPLIT = /,/;
var FN_ARG = /^\s*(_?)(.+?)\1\s*$/;
var STRIP_COMMENTS = /((\/\/.*$)|(\/\*[\s\S]*?\*\/))/mg;
function annotate(fn) {
  var $inject,
      fnText,
      argDecl,
      last;

  if (typeof fn == 'function') {
    if (!($inject = fn.$inject)) {
      $inject = [];
      fnText = fn.toString().replace(STRIP_COMMENTS, '');
      argDecl = fnText.match(FN_ARGS);
      forEach(argDecl[1].split(FN_ARG_SPLIT), function(arg){
        arg.replace(FN_ARG, function(all, underscore, name){
          $inject.push(name);
        });
      });
      fn.$inject = $inject;
    }
  } else if (isArray(fn)) {
    last = fn.length - 1;
    assertArgFn(fn[last], 'fn')
    $inject = fn.slice(0, last);
  } else {
    assertArgFn(fn, 'fn', true);
  }
  return $inject;
}