开发者社区> 笑笑生2019> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

彻底理解NodeJs中的回调(Callback)函数

简介: 究竟什么是回调函数(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函数中被调用
console.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)里面的内容。

nodejs编程中大量使用了异步编程技术,这是为了高效使用硬件,同时也可以不造成同步阻塞。其实nodejs在底层还是通过多线程技术实现的异步操作,但普通用户并不需要深究它的实现方法,我们只要做好我们的异步处理即可。

作者:rockage
来源:CSDN
原文:https://blog.csdn.net/rockage/article/details/79513450
版权声明:本文为博主原创文章,转载请附上博文链接!

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Nodejs回调函数
nodejs零碎知识记录
0 0
callback回调函数和hook钩子函数的简单理解
callback回调函数和hook钩子函数的简单理解
0 0
JAVA回调函数简单讲解 CallBack
JAVA回调函数简单讲解 CallBack
0 0
node.js异步控制流程 回调,事件,promise和async/await
写这个问题是因为最近看到一些初学者用回调用的不亦乐乎,最后代码左调来又调去很不直观。 首先上结论:推荐使用async/await或者co/yield,其次是promise,再次是事件,回调不要使用。 接下来是解析,为什么我会有这样的结论 首先是回调,理解上最简单,就是我把任务分配出去,当你执行完了...
1127 0
一次性让你懂async/await,解决回调地狱
async 函数是 Generator 函数的语法糖。使用 关键字 async 来表示,在函数内部使用 await 来表示异步。相较于 Generator,async 函数的改进在于下面四点:
1189 0
JQuery的异步回调支持 - Promise、Deferred
1、Deferred对象: 一般在函数内部进行声明,并在运行过程中改变其状态,例如成功或失败,最终返回Promise对象用于状态监听。 主要方法: Deferred.resolve(param...) :执行成功,将会触发Promise对象的done回调方法。
492 0
JS回调函数(callback)
在使用Jquery的时候,用到Callback(),回调函数的概念。而且很多。 比如: $.ajax({ url:"test.json", type: "GET", data: {username:$("#username").
468 0
文章
问答
文章排行榜
最热
最新
相关电子书
更多
fibjs 模块重构从回调到协程--陈垒
立即下载
fibjs 模块重构从回调到协程
立即下载
低代码开发师(初级)实战教程
立即下载