匿名函数作为回调函数传参，本质是将无名函数当作值传递并在适当时机调用；核心在于函数可赋值传递且接收方用()调用，支持箭头函数或function形式，常用于事件监听、定时器、数组方法等场景。
匿名函数作为回调函数传参，本质就是把一个没有名字的函数当作值传递给另一个函数，在合适时机被调用。它不需要提前声明，写在哪用在哪，简洁又灵活。
匿名函数怎么当回调函数传参
核心就两点：一是函数本身可被赋值、传递；二是接收方在内部用 () 调用它。传参方式和其他参数一样，调用时直接把函数写在实参位置即可。
- 直接写在调用处，比如
setTimeout(() => { console.log('到了') }, 1000)，箭头函数就是匿名回调 - 用
function() {...}形式也行，例如btn.addEventListener('click', function() { alert('点到了') }) - 如果需要传参给回调，就在调用它的那一行把参数填进去，比如主函数里写
callback(result)，外面传的匿名函数就得能接收这个result：doSomething((data) => console.log(data)) - 注意作用域：匿名函数能访问外层变量（闭包），但不能访问主函数内部未暴露的局部变量
常见应用场景
匿名回调最常出现在需要“等一件事做完再干另一件事”的地方，尤其适合一次性逻辑。
-
事件监听：按钮点击、输入框变化、页面加载完成等，例如
document.addEventListener('DOMContentLoaded', () => { initApp() }) -
定时与延时：用
setTimeout或setInterval执行延迟或重复任务，如setTimeout(() => showLoading(false), 2000) -
数组方法：遍历、筛选、映射都依赖回调，像
[1,2,3].map(x => x * 2)、arr.filter(item => item.active) -
模拟异步操作：虽然现在多用 Promise，但传统方式如
fetchData((err, data) => { if (!err) render(data) })仍可见于老项目或封装层
和命名函数比有什么区别
匿名函数不是必须的，但它省去起名、定义、维护的步骤，特别适合只用一次的逻辑。
立即学习“Java免费学习笔记（深入）”；
- 不用占命名空间，避免污染变量名
- 逻辑内聚——代码写在哪，意图就在哪，读起来更连贯
- 配合箭头函数还能自动绑定
this，减少.bind()或const self = this的麻烦 - 缺点是调试时堆栈里显示为
anonymous，复杂逻辑建议改用命名函数便于排查
容易踩的坑
匿名回调看着简单，但几个细节不注意就会出问题。
- 忘记加括号调用：写成
callback是传引用，写成callback()才是执行；传参时别漏掉括号里的参数 - 异步中误用
return：匿名函数里return只结束自身，不会影响外层函数返回值 - 循环中闭包陷阱：在
for (let i = 0; i 里用 <code>setTimeout(() => console.log(i), 0)没问题，但用var就会全输出3 - 嵌套过深变“回调地狱”：三层以上嵌套建议拆成独立函数，或升级用
async/await
