彻底理解 Node.js 中的回调(Callback)函数
2022/4/1 9:19:44
本文主要是介绍彻底理解 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函数中被调用 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)
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函数中添加了一个关键字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在底层还是通过多线程技术实现的异步操作,但普通用户并不需要深究它的实现方法,我们只要做好我们的异步处理即可。
timer(3000,bb)
这篇关于彻底理解 Node.js 中的回调(Callback)函数的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-16Vue3资料:新手入门必读教程
- 2024-11-16Vue3资料:新手入门全面指南
- 2024-11-16Vue资料:新手入门完全指南
- 2024-11-16Vue项目实战:新手入门指南
- 2024-11-16React Hooks之useEffect案例详解
- 2024-11-16useRef案例详解:React中的useRef使用教程
- 2024-11-16React Hooks之useState案例详解
- 2024-11-16Vue入门指南:从零开始搭建第一个Vue项目
- 2024-11-16Vue3学习:新手入门教程与实践指南
- 2024-11-16Vue3学习:从入门到初级实战教程