avatar

目录
Javascript回调函数

让我们在现实生活中找找回调函数的身影

Code
1
2
3
4
假设在一场聚会上你认识了一位志同道合的朋友,
你们俩惺惺相惜,于是互换了联系方式。
当某一天,你事情找他的时候,你可以打他的电话。
当然,他也有可能有事情找你,会依据你的电话号码回打给你。

我们来分析一下这则故事,该故事有这么些点。

  • 你给了朋友你的联系方式。(当然,你也获得了朋友的联系方式。)
  • 你可以直接打电话给朋友。这个过程就叫call
  • 你朋友也可以依据你留下的联系方式,回打给你。这个过程就叫callback

让我们用代码来模拟一下

Javascript
1
2
3
4
5
6
7
8
9
10
function callback() {
console.log("I am in the callback!");
}

function work(func) {
console.log("I am calling the callback!");
func();
}

work(callback);

以上代码的运行结果为:

Javascript
1
2
3
I am calling the callback!

I am in the callback!

让我们用通俗的语言来解释一下

首先回调函数就是一个函数,形式上和其他函数没有半点区别.
只不过这个所谓的回调函数是将要被当做参数传递给另一个函数,并被其调用。区别就在这,一般函数的形参,接收的是一个基本类型的变量,而这个函数,接受的参数居然是一个"函数",这个作为参数的函数,就叫回调函数

在上面的例子中,work( A ) 就是一个函数,它接收的参数是A,那可以是一个常量,一个变量,以及一个函数。恰巧的是,这个A在这里是以函数的形式作为形参的。

因此,执行函数work( callback) ,就会输出:

  • I am calling the callback!

恰巧,这里又会执行内部的函数func( ) ,这个 func( )就是传进来的A。A函数因为在函数work( ) 外部,因此就会执行回调,触发函数A运行,输出:

  • I am in the callback!

至此,回调完毕,这个是最简单的理解回调函数。

赏饭钱
  • wechat
    wechat
  • alipay
    alipay

评论