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

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

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

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

让我们用代码来模拟一下

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);

以上代码的运行结果为：

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!

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