让我们在现实生活中找找回调函数
的身影
假设在一场聚会上你认识了一位志同道合的朋友,
你们俩惺惺相惜,于是互换了联系方式。当某一天,
你事情找他的时候,你可以打他的电话。当然,
他也有可能有事情找你,会依据你的电话号码回打给你。
我们来分析一下这则故事,该故事有这么些点。
- 你给了朋友你的联系方式。(当然,你也获得了朋友的联系方式。)
- 你可以直接打电话给朋友。这个过程就叫
call
。 - 你朋友也可以依据你留下的联系方式,回打给你。这个过程就叫
callback
。
让我们用代码来模拟一下
function callback() {
console.log("I am in the callback!");
}
function work(func) {
console.log("I am calling the callback!");
func();
}
work(callback);
以上代码的运行结果为:
I am calling the callback!
I am in the callback!
让我们用通俗的语言来解释一下
首先回调函数
就是一个函数
,形式上和其他函数没有半点区别.
只不过这个所谓的回调函数是将要被当做参数传递给另一个函数,并被其调用。区别就在这,一般函数的形参,接收的是一个基本类型的变量,而这个函数,接受的参数居然是一个"函数",这个作为参数的函数,就叫回调函数。
在上面的例子中,work( A ) 就是一个函数,它接收的参数是A,那A可以是一个常量,一个变量,以及一个函数。恰巧的是,这个A在这里是以函数的形式作为形参的。
因此,执行函数work( callback) ,就会输出:
I am calling the callback!
恰巧,这里又会执行内部的函数func( ) ,这个 func( )就是传进来的A。A函数因为在函数work( ) 外部,因此就会执行回调,触发函数A运行,输出:
I am in the callback!
至此,回调完毕,这个是最简单的理解回调函数。