函数参数调试技巧：程序员日常排错的实用方法

写代码时，函数调用出问题最常见的情况之一就是参数传得不对。有时候明明逻辑没问题，结果却跑偏了，八成是参数在“捣鬼”。这时候，掌握一些实用的函数参数调试技巧，能省下大把时间。

打印参数是最直接的办法

别小看 console.log 或 print 这类语句。在函数开头把接收到的参数打出来，一眼就能看出是不是和预期一致。比如 JavaScript 中：

function calculatePrice(quantity, unitPrice, discount) {
  console.log('参数接收：', {quantity, unitPrice, discount});
  // 后续计算
}

运行后看看控制台输出，如果 quantity 居然是字符串 "5" 而不是数字 5，那后续计算肯定出错。

用调试器断点查看实时值

现代编辑器和浏览器都支持断点调试。在函数第一行设个断点，运行到这儿会自动暂停，这时候你可以把鼠标悬停在参数上，或者在变量面板里查看它们的类型和值。比打印更直观，还不用改代码。

检查参数类型和结构

特别是处理对象或数组时，光看值不够，还得确认结构对不对。比如一个函数期待的是 { name: '张三', age: 25 }，但实际传了 { username: '张三', age: "25" }，名字字段错了，年龄还是字符串，问题就来了。

可以在函数内部加个简单判断：

if (!param || typeof param.name !== 'string') {
  console.warn('参数格式异常', param);
}

利用默认参数和参数校验

ES6 支持默认参数，不仅能防错，还能帮你发现调用方有没有漏传：

function connect(host = 'localhost', port = 8080) {
  console.log(`连接 ${host}:${port}`);
}

如果日志里总出现 localhost，但你明明想连测试机，那就说明调用时没传 host，可能是接口调用写漏了。

模拟参数测试边界情况

有时候 bug 出现在特殊值上，比如空值、负数、超长字符串。手动试几组极端参数，看函数能不能扛住。比如处理用户输入的函数，试试传 null、undefined，甚至一个长度为 10000 的字符串，看看会不会崩溃。

使用参数装饰器或代理函数（进阶）

在复杂项目中，可以写个代理函数包裹原函数，专门记录每次调用的参数和返回值：

function logCalls(fn, name) {
  return function(...args) {
    console.log(`${name} 被调用，参数：`, args);
    return fn.apply(this, args);
  };
}

const safeCalculate = logCalls(calculatePrice, 'calculatePrice');

这样不用动原有逻辑，也能监控参数流动。

调试函数参数不靠猜，靠的是细致观察和合理工具。把这些技巧用熟了，遇到问题不再一头雾水，而是能快速定位到哪一步传错了哪个值。这才是写代码该有的节奏。