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()
复制代码

 

posted @   king'sQ  阅读(294)  评论(0编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具
点击右上角即可分享
微信分享提示