如何获取传入函数的未定义外部变量名称以辅助调试

要实现你想要的效果——在函数收到undefined参数时，打印传入它的外部变量名——有几种可行的方案，我会按可靠性从高到低给你介绍：

方案1：使用标签模板字符串（最可靠） #

这种方法需要稍微调整调用方式，但能直接精准获取变量名，没有解析调用栈的不确定性：

// 定义函数为标签模板
function testVar(strings, ...values) {
  // strings[0]就是模板里的变量名字符串，values[0]是变量值
  const paramName = strings[0];
  const paramValue = values[0];

  if (paramValue === undefined) {
    console.log(`Passed parameter "${paramName}" is undefined`);
  }
}

// 调用时用标签模板语法（注意是反引号，不是单引号）
var myVar = document.getElementById("myTable")?.dataset.tablename; // 这里会是undefined
testVar`myVar`;

优点： #

• 完全精准，不会因为调用栈格式、压缩代码等问题出错
• 代码逻辑清晰，容易维护

缺点： #

• 需要修改函数的调用方式，不能直接传变量，要用标签模板语法

方案2：解析调用栈获取变量名（无需修改调用方式，但有局限性） #

如果不想改变原有的调用方式，我们可以通过生成错误对象获取调用栈，然后解析调用行的代码来提取变量名：

function testVar(param1) {
  if (param1 === undefined) {
    try {
      // 生成错误对象获取调用栈
      const stackTrace = new Error().stack;
      if (!stackTrace) return;

      // 拆分栈信息，找到调用当前函数的那一行（不同浏览器栈格式可能略有差异，这里取第3行）
      const callLine = stackTrace.split('\n')[2].trim();
      // 匹配函数调用里的参数部分（假设调用是testVar(xxx)格式）
      const argMatch = callLine.match(/testVar\((.*?)\)/);
      
      if (argMatch) {
        console.log(`Passed parameter "${argMatch[1]}" is undefined`);
      }
    } catch (e) {
      // 兼容不同浏览器的栈格式，解析失败时降级处理
      console.log("Passed parameter is undefined");
    }
  }
}

// 原调用方式不变
var myVar = document.getElementById("myTable")?.dataset.tablename;
testVar(myVar);

优点： #

• 不需要修改原有的调用代码，直接兼容现有逻辑

缺点： #

• 依赖浏览器的调用栈格式，不同浏览器可能有差异
• 如果代码被压缩（比如生产环境的minify），变量名会被替换成a、b这类短名，解析出来的结果毫无意义
• 如果调用时传入的是表达式（比如testVar(myVar || defaultValue)），解析出来的会是整个表达式，不是单个变量名

方案3：传入对象字面量（折中方案） #

另一种简单的方式是让调用者把参数包装成对象，这样函数可以直接读取对象的键名：

function testVar(params) {
  // 遍历对象的键值对
  for (const [name, value] of Object.entries(params)) {
    if (value === undefined) {
      console.log(`Passed parameter "${name}" is undefined`);
    }
  }
}

// 调用时用对象字面量，利用ES6的 shorthand 属性
var myVar = document.getElementById("myTable")?.dataset.tablename;
testVar({ myVar });

优点： #

• 调用方式改动小，语义清晰
• 支持同时传入多个参数，能批量检查

缺点： #

• 需要修改调用代码，把单个变量改成对象

内容的提问来源于stack exchange，提问作者Andreas