理解回调函数

川长思鸟来 2023-06-13 09:24 25阅读 0赞

##### 深入浅出理解Node.js中的回调函数（callback） #####

> 究竟什么是回调函数(Callback)，网上有许许多多的文章，大部分看得人云里雾外，这些文章大概分成两类，第一类堆砌了太多的术语，基本上不明白术语就没法看，另一类反过来，不讲术语，完全是举一些脱离编程的生活化例子来类比，看的人更加晕头转向。

> 作为JS的核心，回调函数和异步执行是紧密相关的，不跨过这个门槛，很多回调代码能把人看晕！

> 引用stack overflow 上大神的描述 其实callback 很简单也很纯粹:  
> A “callback” is any function that is called by another function which takes the first function as a parameter. （在一个函数中调用另外一个函数就是callback）

以下是一个最简单的例子：

function a() \{

return 1

\}  
function b(aa) \{

return 2 + aa

\}  
//调用

var c = 0
    c = b(a())//A是个函数，但它又作为一个参数在B函数中被调用
    condole.log(c)//结果显示3

以上例子极易理解，下面再引入另一个概念：异步

看以下代码：

var a = 0

function bb(x) \{

console.log(x)

\}  
function timer(time) \{

setTimeout(function () {
        a=6
    }, time);

\}  
//调用

console.log(a)
    timer(3000)
    bb(a)

> 以上代码很简单，  
> 我们需要的逻辑是，全局变量a初值为0，然后过3秒后，让它为6，然后再打印出来，  
> 看上去，上面的代码没有问题，理论上符合我们的逻辑需求，但却发现结果是这样：  
> 0  
> 0

> 因为JS是一种异步执行语言，尽管timer函数内让a=6了，但是JS不会死等时间结束再跳出函数，  
> 而是马上就会执行下一步语句(即调用bb函数)，但这时候3秒钟根本就没结束，a还没有被重新赋值，  
> 所以打印出来还是为0。

用回调函数可以解决这个问题:

var a = 0

function bb(x) \{

console.log(x)

\}  
function timer(time, callback) \{

setTimeout(function () {
        a = 6
        callback(a);
    }, time);

\}  
//调用

console.log(a)
    timer(3000,bb)

> 这次，在timer函数中添加了一个关键字callback，意思就是说此处不是一个普通的参数，而是一个函数名，  
> 打起精神，关键的地方来了：

> 一般而言，函数的形参是指由外往内向函数体传递变量的入口，

> 但此处加了callback后则完全相反，

> 它是指函数体在完成某种使命后调用外部函数的出口！

> 这时候应该明白什么叫“回调”了吧，也就是回头调用外部函数的意思。

> 在本例中，当3秒钟到了后，首先a=6，然后通过关键字callback(a)调用了函数bb(x)，结果显示：  
> 0  
> 6  
> 这个逻辑，符合我们的需求。

> 在写法上，也可以不需要定义函数bb, 直接在调用timer的时候写成function形式,  
> 把调用部分改成这样也可以，效果完全一样:

console.log(a)
    timer(3000, function (x) {
        console.log(x)
    })

> 这种写法函数名都不需要了（术语称为“匿名函数”），在nodejs代码中更为常见也更好理解，翻译成自然语言就是：定时3秒，完成后再回头调用function(x)里面的内容。

作者：rockage  
来源： CSDN  
原文：https://blog.csdn.net/rockage/article/details/79513450  
版权声明：本文为博主原创文章，转载请附上博文链接！以上仅作笔记用途，如有侵权，将立刻删除

发表评论取消回复

表情：

评论列表（有 0 条评论，25人围观）

还没有评论，来说两句吧...

相关阅读

相关理解回调函数

深入浅出理解Node.js中的回调函数（callback） > 究竟什么是回调函数(Callback)，网上有许许多多的文章，大部分看得人云里雾外，这些文章大概分成两类，

川长思鸟来/ 2023年06月13日 09:24/ 0 赞/ 26 阅读

相关回调函数（callback）理解

[https://www.zhihu.com/question/19801131][https_www.zhihu.com_question_19801131] 什么

超、凢脫俗/ 2023年01月07日 15:28/ 0 赞/ 145 阅读

相关回调函数的理解

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAbGl1bGFuZzY4_

深藏阁楼爱情的钟/ 2022年09月10日 05:28/ 0 赞/ 207 阅读

相关 Java中回调函数个人理解

回调函数个人理解 JAVA中回调函数的理解。-----------被调方在被调用时也会调用对方！ \-------------------在你调用一个函数的时候，其中

拼搏现实的明天。/ 2022年08月17日 14:27/ 0 赞/ 162 阅读

相关回调函数的理解

函数指针的用途，一般是在回调函数中使用，那么回调函数是干什么用的了？ C++ Primer Plus中举了这样一个列子：假设我们要设计一个名为estimate()的函数，

柔情只为你懂/ 2022年08月13日 18:53/ 0 赞/ 208 阅读

相关回调函数（真好理解）

回调函数在看LWIP时，见到用回调函数，再看某老外公司OPC源代码时，见到用回调函数。看我国内某些代码（我公司软件等）时没用到。于是，我对回调函数产生了很大的好奇。以前，我

傷城~/ 2022年08月01日 01:20/ 0 赞/ 179 阅读

相关 Java回调函数的理解

所谓回调，就是客户程序C调用服务程序S中的某个函数A，然后S又在某个时候反过来调用C中的某个函数B，对于C来说，这个B便叫做回调函数。例如Win32下的窗口过程函数就是一个典型

逃离我推掉我的手/ 2022年07月17日 16:30/ 0 赞/ 167 阅读

相关【自我修养】理解回调函数

回调函数就是被调用者回头调用的函数，它是一个通过函数指针调用的函数。如果把函数的指针（地址）作为参数传递给另一个函数，此时就可以称它为回调函数。回调函数的使用示例如下：

左手的ㄟ右手/ 2022年07月16日 06:00/ 0 赞/ 185 阅读

相关 Java回调函数的理解 .

所谓回调，就是客户程序C调用服务程序S中的某个函数A，然后S又在某个时候反过来调用C中的某个函数B，对于C来说，这个B便叫做回调函数。例如Win32下的窗口过程函数就是一个典型

「爱情、让人受尽委屈。」/ 2022年06月17日 11:59/ 0 赞/ 204 阅读

相关回调与回调函数

回调与回调函数回调回调函数回调回调指的是某函数在执行的时候，由于某些原因，该函数被迫中止执行，交出当前线程的使用权，当前线程转而执行其它函

悠悠/ 2021年09月25日 04:26/ 0 赞/ 562 阅读