如何動態檢索 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 []

用法和範例

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

用法和範例

注意：處理預設值參數

隨著ES6的出現，預設參數可能會導致 getParamNames 函數出錯。為了解決這個問題，提供了更新版本：

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

雖然這個增強版本在大多數情況下處理預設參數，但可能會出現異常。

var args = Array.slice(arguments);

檢索參數值

中除了取得參數名稱之外，還可能需要對應的值。這可以透過參數局部變數輕鬆訪問，該變數可以轉換為數組：或者，如果數組泛型可用：透過採用這些技術，開發人員可以動態存取函數的參數和值以滿足各種需求和客製化。

以上是如何動態檢索 JavaScript 函數參數名稱和值？的詳細內容。更多資訊請關注PHP中文網其他相關文章！