回调函数用简单的例子解释
- 格式:doc
- 大小:35.00 KB
- 文档页数:3
JS回调函数——简单易懂有实例初学js的时候,被回调函数搞得很晕,现在回过头来总结⼀下什么是回调函数。
什么是JS?(点击查看)下⾯先看看标准的解释:<script language="javascript">02 function SortNumber( obj, func ) // 定义通⽤排序函数03 {04 // 参数验证,如果第⼀个参数不是数组或第⼆个参数不是函数则抛出异常05 if( !(obj instanceof Array) || !(func instanceof Function))06 {07 var e = new Error(); // ⽣成错误信息08 e.number = 100000; // 定义错误号09 e.message = "参数⽆效"; // 错误描述10 throw e; // 抛出异常11 }12 for( n in obj ) // 开始排序13 {14 for( m in obj )15 {16 if( func( obj[n], obj[m] ) ) // 使⽤回调函数排序,规则由⽤户设定17 {18 var tmp = obj[n]; // 创建临时变量19 obj[n] = obj[m]; // 交换数据20 obj[m] = tmp;21 }22 }23 }24 return obj; // 返回排序后的数组25 } 我们先来看看回调的英⽂定义:A callback is a function that is passed as an argument to another function and is executed after its parent function has completed。
字⾯上的理解,回调函数就是传递⼀个参数化的函数,就是将这个函数作为⼀个参数传到另⼀个主函数⾥⾯,当那⼀个主函数执⾏完之后,再执⾏传进去的作为参数的函数。
回调函数原理及应用实例1.什么是回调函数?回调函数是指函数作为参数传递给另一个函数,并在另一个函数的执行过程中被调用的函数。
回调函数可以在需要的时候被调用,用于处理特定的逻辑或功能。
2.回调函数的原理回调函数的原理是基于事件驱动的编程范式,在事件发生时,调用相应的回调函数来处理事件。
回调函数可以被存储在一个函数指针列表中,以供将来使用。
当满足特定条件时,调用函数指针列表中的函数。
3.回调函数的应用实例(1)事件处理器:在GUI应用程序中,通常需要对用户的操作做出响应,如点击按钮、拖拽窗口等。
可以使用回调函数来处理这些事件。
当用户执行特定的动作时,系统会调用相应的回调函数。
例如:```javascript//定义一个按钮点击事件的回调函数function buttonClickCallbacconsole.log("按钮被点击了!");//注册按钮点击事件document.getElementById("myButton").addEventListener("click", buttonClickCallback);```(2)异步编程:在异步编程中,回调函数经常被用来处理异步操作的结果。
在等待异步操作完成时,程序可以继续执行其他任务,当异步操作完成后,调用相应的回调函数来处理结果。
例如,在Node.js中,使用回调函数处理文件读取操作:```javascriptconst fs = require("fs");//异步读取文件fs.readFile("myfile.txt", "utf8", function(err, data)if (err) throw err;console.log(data);});```(3)事件监听器:回调函数也可以用于监听和处理特定的事件。
当事件发生时,系统会调用相关的回调函数来处理事件。
什么是回调函数并举个例子回调函数是一种编程模式,它允许我们在一个函数中注册另一个函数作为参数,并在特定事件发生时被调用。
回调函数常用于异步操作、事件处理和处理复杂逻辑等场景。
回调函数的特点是由调用方决定何时调用以及如何调用。
下面是十个符合标题要求的回调函数的例子:1. 定时器回调函数:在JavaScript中,可以使用`setTimeout`函数设置一个定时器,然后传入一个回调函数作为参数。
当定时器到期时,回调函数将被调用。
2. 鼠标点击事件回调函数:在前端开发中,我们经常需要给按钮或其他元素添加点击事件监听器。
当用户点击元素时,回调函数将被触发。
3. 文件读取回调函数:在Node.js中,可以使用`fs`模块的`readFile`函数异步地读取文件内容。
在读取完成后,回调函数将被调用,并将文件内容作为参数传递给回调函数。
4. 数据库查询回调函数:在后端开发中,常常需要与数据库进行交互。
当数据库查询完成后,回调函数将被调用,并将查询结果作为参数传递给回调函数。
5. 网络请求回调函数:在进行网络请求时,可以通过传入一个回调函数来处理响应。
当网络请求完成后,回调函数将被调用,并将响应数据作为参数传递给回调函数。
6. 动画完成回调函数:在前端开发中,常常需要实现一些动画效果。
当动画完成后,可以通过传入一个回调函数来执行一些额外的操作,例如更新页面内容。
7. 按钮长按事件回调函数:在移动端开发中,我们经常需要给按钮添加长按事件监听器。
当用户长时间按住按钮时,回调函数将被触发。
8. 键盘按键事件回调函数:在用户与网页进行交互时,我们可以通过添加键盘按键事件监听器来响应用户的按键操作。
当用户按下某个键时,回调函数将被调用。
9. 消息订阅回调函数:在消息队列中,可以通过订阅特定主题的方式实现消息的传递。
当有新消息到达时,回调函数将被调用,并将消息内容作为参数传递给回调函数。
10. 表单验证回调函数:在表单提交之前,通常需要进行一些验证操作。
回调函数详解简单举例说明软件模块之间总是存在着⼀定的接⼝,从调⽤⽅式上,可以把他们分为三类:同步调⽤、回调和异步调⽤。
同步调⽤是⼀种阻塞式调⽤,调⽤⽅要等待对⽅执⾏完毕才返回,它是⼀种单向调⽤;回调是⼀种双向调⽤模式,也就是说,被调⽤⽅在接⼝被调⽤时也会调⽤对⽅的接⼝;异步调⽤是⼀种类似消息或事件的机制,不过它的调⽤⽅向刚好相反,接⼝的服务在收到某种讯息或发⽣某种事件时,会主动通知客户⽅(即调⽤客户⽅的接⼝)。
回调和异步调⽤的关系⾮常紧密,通常我们使⽤回调来实现异步消息的注册,通过异步调⽤来实现消息的通知。
同步调⽤是三者当中最简单的,⽽回调⼜常常是异步调⽤的基础,因此,下⾯我们着重讨论回调机制在不同软件架构中的实现。
1 什么是回调软件模块之间总是存在着⼀定的接⼝,从调⽤⽅式上,可以把他们分为三类:同步调⽤、回调和异步调⽤。
同步调⽤是⼀种阻塞式调⽤,调⽤⽅要等待对⽅执⾏完毕才返回,它是⼀种单向调⽤;回调是⼀种双向调⽤模式,也就是说,被调⽤⽅在接⼝被调⽤时也会调⽤对⽅的接⼝;异步调⽤是⼀种类似消息或事件的机制,不过它的调⽤⽅向刚好相反,接⼝的服务在收到某种讯息或发⽣某种事件时,会主动通知客户⽅(即调⽤客户⽅的接⼝)。
回调和异步调⽤的关系⾮常紧密,通常我们使⽤回调来实现异步消息的注册,通过异步调⽤来实现消息的通知。
同步调⽤是三者当中最简单的,⽽回调⼜常常是异步调⽤的基础,因此,下⾯我们着重讨论回调机制在不同软件架构中的实现。
对于不同类型的语⾔(如结构化语⾔和对象语⾔)、平台(Win32、JDK)或构架(CORBA、DCOM、WebService),客户和服务的交互除了同步⽅式以外,都需要具备⼀定的异步通知机制,让服务⽅(或接⼝提供⽅)在某些情况下能够主动通知客户,⽽回调是实现异步的⼀个最简捷的途径。
对于⼀般的结构化语⾔,可以通过回调函数来实现回调。
回调函数也是⼀个函数或过程,不过它是⼀个由调⽤⽅⾃⼰实现,供被调⽤⽅使⽤的特殊函数。
回调(Callback)是编程中常见的概念,特别是在异步编程和事件驱动编程中更为突出。
回调函数是在某个特定事件发生时由系统调用的函数。
通过回调,程序可以在异步操作完成、事件发生或者任务执行结束后执行一段指定的代码。
下面将通过几个例子来说明回调的应用场景和实际用法。
### **1. JavaScript中的回调:**在JavaScript中,回调是一种常见的异步编程方式。
考虑以下例子,使用Node.js的文件读取操作:```javascriptconst fs = require('fs');// 异步读取文件,使用回调函数处理结果fs.readFile('example.txt', 'utf8', (err, data) => {if (err) {console.error('Error reading file:', err);return;}console.log('File content:', data);});console.log('Reading file...');```在这个例子中,`readFile`函数异步读取文件,当文件读取完成后,回调函数被调用。
这样可以确保在文件读取操作完成前,程序不会被阻塞。
### **2. JavaScript中的事件回调:**事件处理也是回调的一种形式。
考虑以下使用浏览器JavaScript的事件处理的例子:```javascriptconst button = document.getElementById('myButton');// 添加点击事件回调button.addEventListener('click', function() {alert('Button clicked!');});```在这个例子中,当按钮被点击时,注册的回调函数将被调用。
回调函数通俗解释回调函数是一种编程概念,用于处理异步操作或事件发生时的响应。
它在很多编程语言中被广泛使用,并且在函数式编程中尤为常见。
在回调函数中,我们将一个函数作为参数传递给另一个函数,当特定的事件发生时,这个函数会被调用。
回调函数的作用是在特定事件发生后执行一些逻辑操作,以便对事件做出响应。
为了更好地理解回调函数,我们可以通过一个生动的比喻来解释:假设你去餐厅吃饭,点了一份煎饼果子。
你不会一直等在餐桌旁直到煎饼果子做好才开始吃饭,而是告诉服务员在煎饼果子做好后通知你。
在这个例子中,你就是一个回调函数,告诉服务员在特定的事件(煎饼果子做好)发生时执行一些操作(通知你)。
在编程中,回调函数的使用场景非常丰富。
一些常见的例子包括:1.异步操作:当进行异步操作时,回调函数常常用于在操作完成后执行一些逻辑。
比如,当从服务器请求数据时,你可以定义一个回调函数,在数据返回后对数据进行处理或显示。
2.事件处理:在GUI(图形用户界面)编程中,回调函数常用于响应用户的操作,比如点击按钮、拖拽元素等。
通过将回调函数与特定的事件关联,我们可以在事件触发时执行相应的操作。
3.时间间隔:在定时器或计时器中,回调函数可以用来指定一些时间间隔后执行的操作。
例如,当你设置一个定时器,指定一段时间后触发回调函数,这个回调函数会在指定的时间到达后执行。
当我们使用回调函数时,主要有两个需要注意的点:1.参数传递:在将回调函数作为参数传递给其他函数时,我们需要确保回调函数的参数与调用它的函数的要求相匹配。
这意味着回调函数需要知道它将被调用的函数需要提供哪些参数,并按照要求进行调用。
2.作用域:在回调函数中,可能需要访问一些外部的变量或函数。
这时候,我们需要确保回调函数在定义时能正确地获取到外部的上下文环境。
一种常见的解决方法是使用闭包,将需要访问的上下文环境作为参数传递给回调函数。
下面是一个JavaScript中的回调函数的例子,用于处理异步加载图片的情况:```javascriptfunction loadImage(url, callback)var img = new Image(;img.onload = functiocallback(null, img);};img.onerror = functiocallback(new Error('Failed to load image'));};img.src = url;loadImage('example.jpg', function(error, image)if (error)console.log(error);} elseconsole.log('Image loaded:', image);}});```在这个例子中,loadImage函数接受一个URL和一个回调函数作为参数。
ffmpeg 回调函数例子FFmpeg 回调函数例子FFmpeg 是一个开源的音视频编解码库,它提供了强大的音视频处理功能。
在使用 FFmpeg 进行音视频处理的过程中,我们经常需要使用回调函数来实现一些特定的操作或功能。
本文将以一个例子来介绍FFmpeg 回调函数的使用方法和用途。
回调函数是一种特殊的函数,它可以在特定的事件或条件发生时被调用。
在音视频处理中,回调函数常常用于处理特定的情况或提供特定的功能,例如进度回调、错误处理等。
下面我们以一个音频解码的例子来说明如何使用 FFmpeg 的回调函数。
首先,我们需要准备一个音频文件,假设文件名为 audio.mp3。
接下来,我们使用 FFmpeg 进行音频解码,将解码后的音频数据输出到一个回调函数中:```c#include <stdio.h>#include <stdlib.h>#include <stdint.h>#include <libavutil/frame.h>#include <libavutil/samplefmt.h>#include <libavcodec/avcodec.h>#include <libswresample/swresample.h>static void handle_audio_frame(AVFrame *frame){// 在这里处理音频帧数据}int main(){AVFormatContext *format_ctx = NULL;AVCodecContext *codec_ctx = NULL;AVCodec *codec = NULL;AVPacket packet;AVFrame *frame = av_frame_alloc();av_register_all();// 打开音频文件if (avformat_open_input(&format_ctx, "audio.mp3", NULL, NULL) != 0) {printf("无法打开音频文件\n");return -1;}// 查找音频流if (avformat_find_stream_info(format_ctx, NULL) < 0) {printf("无法查找音频流信息\n");return -1;}// 查找解码器codec = avcodec_find_decoder(format_ctx->streams[0]->codecpar->codec_id);if (!codec) {printf("无法找到解码器\n");return -1;}// 创建解码器上下文codec_ctx = avcodec_alloc_context3(codec);if (!codec_ctx) {printf("无法创建解码器上下文\n");return -1;}// 打开解码器if (avcodec_open2(codec_ctx, codec, NULL) < 0) {printf("无法打开解码器\n");return -1;}// 解码音频帧while (av_read_frame(format_ctx, &packet) == 0) {if (packet.stream_index == 0) { // 只处理音频流if (avcodec_send_packet(codec_ctx, &packet) != 0) {printf("无法发送音频数据包到解码器\n");continue;}while (avcodec_receive_frame(codec_ctx, frame) == 0) { // 处理解码后的音频帧handle_audio_frame(frame);}}av_packet_unref(&packet);}// 清理资源avformat_close_input(&format_ctx);avcodec_free_context(&codec_ctx);av_frame_free(&frame);return 0;}```在上述代码中,我们定义了一个名为 handle_audio_frame 的回调函数来处理解码后的音频帧数据。
java回调函数例子回调函数是一种特殊的函数,它以另一个函数为参数,当一个函数需要执行某些操作时,就会调用其他函数来执行这些操作,而这种情况就称为回调函数。
在Java 中,回调函数是在一个类中定义的一个方法,而这个方法可以在其他类中被调用。
Java回调函数的基本原理是:在一个类中定义一个回调接口,然后在其他类中实现这个接口。
当需要执行某些操作时,就可以通过调用这个接口来实现回调函数。
例如,有一个购物车系统,它提供了一个购物车接口,用户可以用来购买商品。
这时,就可以定义一个购物车接口,并通过实现这个接口来实现回调函数。
定义一个购物车接口: ``` public interface ShoppingCart { public void buy(String product); } ```然后在另一个类中实现该接口: ``` public class MyShoppingCart implements ShoppingCart {@Override public void buy(String product) { System.out.println("You have bought a " + product); } } ```最后,就可以调用这个接口来实现回调函数: ``` MyShoppingCart myShoppingCart = new MyShoppingCart(); myShoppingCart.buy("Apple");```以上代码中,MyShoppingCart类实现了ShoppingCart 接口,当调用myShoppingCart.buy()时,就会执行MyShoppingCart类中的buy()方法,从而实现回调函数。
Java回调函数的优点在于,可以将一些复杂的操作封装起来,避免重复编码,提高代码可维护性。
此外,它还可以使代码变得更加灵活,不必每次都要重新编写相应的代码,只需要调用对应的回调函数即可。
回调函数通俗解释回调函数是一种在编程中广泛使用的概念,它用于以一种灵活的方式处理异步编程的问题。
简单来说,回调函数就是在一个函数执行完成后,通过将另一个函数作为参数传递给它,使得这个函数能够在适当的时候被调用。
为了更好地理解回调函数,我们可以通过一个实际的例子来进行解释。
假设我们正在编写一个网页应用程序,其中包含一个按钮,当用户点击该按钮时,我们希望弹出一个对话框。
在传统的同步编程中,我们可以在按钮的点击事件处理程序中直接调用显示对话框的函数,代码如下:```javascript//同步方式显示对话框function showDialoconsole.log("显示对话框");document.getElementById("myButton").addEventListener("click", functioshowDialog(;});```上述示例中的代码很简单,当用户点击按钮时,直接调用`showDialog(`函数显示对话框。
然而,在一些情况下,执行显示对话框的操作可能需要时间,例如,可能需要从服务器加载一些数据。
如果我们按照上述方式编写代码,那么当用户点击按钮时,程序可能会被阻塞住,直到对话框显示完成。
为了解决这个问题,我们可以使用回调函数。
回调函数将一个函数作为参数传递给另一个函数,这样,当要执行的操作完成后,可以调用该函数。
来看一个使用回调函数的示例:```javascript//异步方式显示对话框function showDialog(callback)setTimeout(functioconsole.log("显示对话框");callback(;},2000);//模拟异步操作,延迟2秒显示对话框document.getElementById("myButton").addEventListener("click", functioshowDialog(functioconsole.log("对话框已显示");});});```在上述示例中,我们使用了`setTimeout`函数来模拟一个异步操作,延迟2秒显示对话框。
JavaScriptcallback回调函数⽤法实例分析本⽂实例讲述了JavaScript callback回调函数⽤法。
分享给⼤家供⼤家参考,具体如下:在使⽤开源项⽬的时候经常会使⽤到回调函数,如果把回调函数弄清楚了,那么对我们深⼊了解开源项⽬会有很⼤帮助。
回调函数百度百科的解释:回调函数就是⼀个通过函数指针调⽤的函数。
如果你把函数的指针(地址)作为参数传递给另⼀个函数,当这个指针被⽤来调⽤其所指向的函数时,我们就说这是回调函数。
回调函数不是由该函数的实现⽅直接调⽤,⽽是在特定的事件或条件发⽣时由另外的⼀⽅调⽤的,⽤于对该事件或条件进⾏响应。
看上去不是那么容易理解,我们来看个例⼦(知乎):你到⼀个商店买东西,刚好你要的东西没有货,于是你在店员那⾥留下了你的电话,过了⼏天店⾥有货了,店员就打了你的电话,然后你接到电话后就到店⾥去取了货。
在这个例⼦⾥,你的电话号码就叫回调函数,你把电话留给店员就叫登记回调函数,店⾥后来有货了叫做触发了回调关联的事件,店员给你打电话叫做调⽤回调函数,你到店⾥去取货叫做响应回调事件。
这样好理解多了吧,当店员被创建出来的时候,并不知道有谁会来商店⾥买东西,店员需要和很多不同的对象打交道,需要适配不同类型的对象,这个时候就需要回调函数了。
我们通过⼀个事例来理解⼀下回调函数的运⽤场景:Me需要完成⼀个任务,计算1+1=?Me如果要⾃⼰完成这个任务代码如下:HTML 代码<div class="imgDiv"><div class="search"><input class="put" type="text" id="keyWord"/><ul id="tipList"></ul></div>JavaScript 代码(function (){$(function(){$("#keyWord").on("keyup",function(event){var keyCode = event.keyCode;if(keyCode == 38|| keyCode ==40){settingTipList(keyCode);return false;}var keyWord = $(this).val();getTipList(keyWord);});var index = -1;function settingTipList(keyCode){if(keyCode == 38){index--;}else{index++;}var size = $("#tipList li").size();index =index % size;$("#tipList li").removeClass("active").eq(index).addClass("active");var selectLiContent = $("#tipList li").eq(index).html();$("#keyWord").val(selectLiContent);};//获取数据function getTipList(keyWord){var url = "https:///5a1Fazu8AA54nxGko9WTAnF6hhy/su";var data = {wd:keyWord,cb:"hhh"};$.ajax({url:url,data:data,type:"GET",dataType:"jsonp",jsonpCallback:"hhh",success:function(data){var tipList = data.s;handleData(tipList)},error:function(error){alert("接⼝出错")}});}});function handleData(tipList){var tipHTML= "";for(var i in tipList){var text = tipList[i];tipHTML += "<li>"+text+"</li>"}$("#tipList").css({"opacity":"1"});$("#tipList").html(tipHTML);}})()//如果不写jsonpCallback、后⾯jsonpCallback“”空置、直接跳出“接⼝出错了。
对指针的应用是C语言编程的精髓所在,而回调函数就是C语言里面对函数指针的高级应用。
简而言之,回调函数是一个通过函数指针调用的函数。
如果你把函数指针(函数的入口地址)传递给另一个函数,当这个函数指针被用来调用它所指向的函数时,我们就说这个函数是回调函数。
为什么要使用回调函数呢?我们先看一个小例子:
Node * Search_List (Node * node, const int value)
{
while (node != NULL)
{
if (node -> value == value)
{
break;
}
node = node -> next;
}
return node;
}
这个函数用于在一个单向链表中查找一个指定的值,返回保存这个值的节点。
它的参数是指向这个链表第一个节点的指针以及要查找的值。
这个函数看上去很简单,但是我们考虑一个问题:它只能适用于值为整数的链表,如果查找一个字符串链表,我们不得不再写一个函数,其实大部分代码和现在这个函数相同,只是第二个参数的类型和比较的方法不同。
其实我们更希望令查找函数与类型无关,这样它就能用于查找存放任何类型值的链表了,因此必须改变比较的方式,而借助回调函数就可以达到这个目的。
我们编写一个函数(回调函数),用于比较两个同类型的值,然后把一个指向这个函数的指针作为参数传递给查找函数,查找函数调用这个比较函数来执行比较,采用这个方法,任何类型的值得都可以进行比较。
我们还必须给查找函数传递一个指向待比较的值的指针而不是值本身,也就是一个void *类型的形参,这个指针会传递给回调函数,进行最终的比较。
这样的修改可以让我们传递指向任何类型的指针到查找函数,从而完成对任何类型的比较,这就是指针的好处,我们无法将字符串、数组或者结构体作为参数传递给函数,但是指向它们的指针却可以。
现在,我们的查找函数就可以这样实现:
NODE *Search_List(NODE *node, int (*compare)(void const *, void const *) , \
void const *desired_value);
while (node != NULL)
{
if (compare((node->value_address), desired_value) == 0)
{
break;
}
node = node->next;
}
return node;
}
可以看到,用户将一个函数指针传递给查找函数,后者将回调这个函数。
注意这里我们的链表节点是这样定义的:
typedef struct list
{
void *value_address;
struct list *next;
}NODE;
这样定义可以让NODE *类型的指针指向存储任何类型数据的链表节点。
而
value_address就是指向具体数据的指针,我们把它定义为void *,表示一个指向未知类型的指针,这样链表就可以存储任何类型的数据了,而我们传递给查找函数Search_List的第一个参数就可以统一表示为:NODE *,否则,还是要分别写查找函数以适应存储不同数据类型的链表。
现在,查找函数与类型无关,因为它不进行实际的比较,因此,我们必须编写针对不同类型的比较函数,这是很容易实现的,因为调用者知道链表中所包含的值的类型,如果创建几个分别包含不同类型值的链表,为每种类型编写一个比较函数就允许单个查找函数作用于所有类型的链表。
下面是一个比较函数,用于在一个整型链表中查找:
注意强制类型转换,比较函数的参数必须被声明为void *以匹配查找函数的原型,然后强制转换为(int *)类型用于比较整型。
int int_compare(void const *a, void const *b)
{
if (*(int *)a == *(int *)b)
return 0;
}
else
{
return -1;
}
}
这个函数可以这样被使用:
desired_node = Search_List(root, int_compare, &desired_int_value);
如果你希望在一个字符串链表中进行查找,下面的代码就可以完成任务:
desired_node = Search_List(root, strcmp, “abcdefg”);
正好库函数strcmp所执行的比较和我们需要的一样,不过gcc会发出警告信息:因为strcmp的参数被声明为const char *而不是void const *。
上面的例子展示了回调函数的基本原理和用法,回调函数的应用是非常广泛的。
通常,当我们想通过一个统一接口实现不同内容的时候,用回调函数来实现就非常合适。
任何时候,如果你所编写的函数必须能够在不同的时刻执行不同的类型的工作或者执行只能由函数调用者定义的工作,你都可以用回调函数来实现。
许多窗口系统就是使用回调函数连接多个动作,如拖拽鼠标和点击按钮来指定调用用户程序中的某个特定函数。
「回调函数是由系统调用的」—— callback 不是由系统调用的。
正确的流程为:
1.用户的输入设备发送信息给device driver。
2.Device driver 将信息发给某些manager 程序。
比如说,大多数鼠标和键盘动作都会传给window manager。
3.Window manager 会把这些动作翻译成event,通过IPC 机制传给app。
4.App 的UI framework 会把这些通过IPC 接受到的event 放到event-queue 中。
5.你自己,或者UI framework 会运行一个loop。
这个loop 不停的去event-queue 中取event。
6.如果取到,event-loop 会调用相应的callback。
在callback 中加断点,用debugger 调试,你会在callstack 中看到从event-loop 到你的callback 的一系列调用。