js高级-回调函数,匿名函数(IIFE)
我们先来看一下在JavaScript中,回调函数是指函数A作为参数(函数引用)传递到另一个函数B中,并且这个函数B执行函数A.我们就说A叫做回调函数。如果没有名称(函数表达式),就叫做匿名回调函数。
回调函数
1.什么函数才是回调函数?
1)自己定义的
2)但是为调用
3)最终执行了(在某个时刻或某个条件下)
2.常见的回调函数?
1)dom事件回调函数==>发生事件的dom元素
2)定时器回调函数
3)ajax请求回调函数(本篇暂时未写)
4)生命周期回调函数(本篇暂时未写)
1 <button id="btn">按钮<button> 2 <script type-"text/javascript"> 3 4 // dom事件回调函数 5 document . getElementById('btn'). onclick = function() { 6 alert(this . innerHTML) 7 } 8 9 //定时器 10 //超时定时器 11 //循环定时器 12 //定时器回调函数 13 setTimeout (function () { 14 alert('到点了') 15 },2000) 16 17 </script>
匿名函数
没有名字的函数
1.理解
全称:Immediately-Invoked Function Expression 立即调用函数表达式
别名:匿名函数自调用
2.作用
*隐藏内部函数实现
*不污染外部(全局)命名空间
1 (function () { //匿名函数自调用 2 var a = 3 3 console.log(a + 3) 4 }) 5 var a= 4 6 console.log(a) //也可以在这加分号 ';' 7 8 ;(function () { 9 var a = 1; 10 function test () { 11 console.log(++a) 12 } 13 window.$ = function () { 14 return { 15 test: test 16 } 17 } 18 })() 19 20 $().test()
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· winform 绘制太阳,地球,月球 运作规律
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具