JavaScript函数参数异常的四大场景：一是调用时漏传参数致形参为undefined，应设默认值或运行时校验；二是回调传参错位，需确认调用签名并加类型检查；三是GET请求中特殊字符未编码导致参数丢失，须用encodeURIComponent；四是类方法解构后this丢失连带参数失效，应绑定this或用箭头函数。
JavaScript 函数参数丢失，不是语法报错，而是运行时行为异常——函数照常执行，但形参拿到 undefined，后续逻辑容易崩。关键不在“怎么传”，而在“怎么调用”和“怎么设计”。
调用时漏传参数
JS 不强制校验参数个数，少传了也不会报错，只是对应形参为 undefined。比如：
function greet(name, age) { console.log(name + ' is ' + age); }-
greet('Alice');→ 输出Alice is undefined
解决方式很简单：给形参设默认值。
function greet(name = 'Guest', age = 0) { ... }- 或者在函数体内做判断：
if (name == null) name = 'Guest';
回调或赋值后调用导致参数错位
把函数当值传递（如传给 setTimeout、map、事件监听器），又没注意调用上下文，容易让参数“站错队”。典型例子：
立即学习“Java免费学习笔记（深入）”；
-
transformer('hello world', firstUpperCaseWord);✅ 正确 -
transformer(firstUpperCaseWord);❌ 第一个参数被当成string，firstUpperCaseWord被误塞进firstUpper形参位置，结果undefined('hello world')报错
这类问题本质是调用签名错乱。预防方法：
- 调用前确认参数顺序和数量
- 高阶函数内部加类型/存在性检查：
if (typeof firstUpper !== 'function') throw new Error('Expected function'); - 用解构+默认值明确意图：
function transformer({ string, transform }) { ... }
GET 请求中特殊字符被解析丢弃
用 URL 传参时，+ 和 & 有特殊含义：+ 被当空格，& 分隔参数。如果参数本身含这些字符，不编码就会丢。
- 错误示例：
?q=1+2&sort=price→ 后端收到q = "1 2"，sort之后的内容可能被截断 - 正确做法：发送前对参数值编码：
encodeURIComponent('1+2')→"1%2B2"
别手动替换 + 或 &，用 encodeURIComponent() 全量处理字符串更安全。
类方法传参时 this 和参数一起丢失
类里方法被解构、赋值或作为回调传出去，不仅 this 会变，连带依赖 this 的参数访问也会失效。例如：
-
const { handleClick } = btn;然后handleClick();→this是undefined，this.count就是undefined - 传给
addEventListener时没绑定：btn.addEventListener('click', btn.handleClick)→ 点击时this指向按钮 DOM 元素，不是btn实例
修复重点不是“补参数”，而是稳住执行上下文：
- 构造函数里提前绑定：
this.handleClick = this.handleClick.bind(this); - 用类字段箭头函数：
handleClick = () => { this.count++; } - 调用时包装：
btn.addEventListener('click', () => btn.handleClick())
