如何动态获取 JavaScript 函数参数名称及其值？

在 JavaScript 中，获取函数参数名称及其值通常是很困难的。但是，有时我们需要动态获取函数参数的名称及其值，例如在调试或日志记录时。本文将介绍几种方法来动态获取 JavaScript 函数参数名称及其值。

使用 arguments 对象

JavaScript 函数中可以使用 arguments 对象来获取传递给函数的参数及其值。arguments 对象是函数中自动创建的特殊对象，在函数内部访问时可以获取到所有传递给函数的参数及其值。

以下是一个示例函数，它可以接受任意数量的参数，将它们相加并返回结果：

function sum() {
  let result = 0;
  for (let i = 0; i < arguments.length; i++) {
    result += arguments[i];
  }
  return result;
}

使用 arguments 对象，我们可以轻松获取所有传递给 sum 函数的参数及其值：

console.log(sum(1, 2, 3, 4)); // 输出：10
console.log(sum('foo', 'bar', 'baz')); // 输出：'foobarbaz'

function logArgs() {
  for (let i = 0; i < arguments.length; i++) {
    console.log('参数', i + 1, ':', arguments[i]);
  }
}

logArgs(1, 'foo', true); // 输出：
// 参数 1 : 1
// 参数 2 : foo
// 参数 3 : true

arguments 对象的缺点是它不提供参数名称，只提供参数值。如果我们想要获取参数名称，就需要使用其他方法。

使用函数的 toString 方法

JavaScript 中的函数有一个 toString 方法，可以返回函数的源代码。因为函数的源代码中包含参数名称及其值，因此我们可以通过解析函数的源代码来获取参数名称及其值。

以下是一个示例函数，它可以输出自身的源代码：

function logSource() {
  console.log(logSource.toString());
}

logSource(); // 输出函数源代码

我们可以在函数内部解析源代码，获取参数名称及其值。以下是一个示例函数，它可以输出所有传递给函数的参数及其名称及值：

function logArgs() {
  // 获取函数源代码
  const source = logArgs.toString();
  // 解析源代码，获取参数名称
  const argNames = source.match(/function\s.*?\(([^)]*)\)/)[1].split(',').map(arg => arg.trim());
  // 输出参数名称及其值
  for (let i = 0; i < arguments.length; i++) {
    console.log(argNames[i], ':', arguments[i]);
  }
}

logArgs(1, 'foo', true); // 输出：
// 0 : 1
// 1 : foo
// 2 : true

这种方法的缺点是它只能在调用函数后才能获取参数名称及其值，而且还需要解析函数的源代码，因此效率不高。

使用库

为了方便地获取 JavaScript 函数参数名称及其值，我们可以使用现有的库。例如，stacktrace.js 是一个开源库，它可以提供调用栈信息，其中包含函数参数名称及其值。

以下是一个示例函数，它使用 stacktrace.js 来获取参数名称及其值：

function logArgs() {
  // 获取调用栈信息
  const stack = StackTrace.getSync();
  // 获取当前函数的调用栈帧
  const frame = stack[1];
  // 获取当前函数的参数名称及其值
  const args = frame.args;
  // 输出参数名称及其值
  for (let i = 0; i < args.length; i++) {
    console.log(args[i].name, ':', args[i].value);
  }
}

logArgs(1, 'foo', true); // 输出：
// 0 : 1
// 1 : foo
// 2 : true

使用现有的库可以方便地获取 JavaScript 函数参数名称及其值，同时避免了解析函数源代码的复杂性和效率问题。

以上是几种方法来动态获取 JavaScript 函数参数名称及其值的介绍。在实际开发中，根据具体情况选择合适的方法来获取函数参数名称及其值是非常重要的。