三分钟学会JS回调函数（callback）

三分钟学会JS回调函数（callback）

什么是回调函数?

• 当程序运行起来,一般情况下,应用程序会时常通过API调用库里所预先备好的函数。
• 但是有些库函数却要求应用先传给它一个函数，好在合适的时候调用，以完成目标任务。这个被传入的、后又被调用的函数就称为回调函数

上面的可能不是很好理解,我们举个栗子:

你到一个商店买东西，刚好你要的东西没有货，于是你在店员那里留下了你的电话，
过了几天店里有货了，店员就打了你的电话，然后你接到电话后就到店里去取了货。
在这个例子里，你的电话号码就叫回调函数，你把电话留给店员就叫登记回调函数，
店里后来有货了叫做触发了回调关联的事件，店员给你打电话叫做调用回调函数，你到店里去取货叫做响应回调事件。

这下理解什么是回调函数了吧!

如果还不理解的话,我们再来通过实例来学习!

在学习回调函数之前，先看一下下面两段代码：
我们不妨猜测一下代码的结果。

<script>
    function say(value) {
    
    
        alert(value);
    }
    alert(say);
    say(123);
</script>

如果你测试了，就会发现：

只写变量名 say  返回的将会是 say方法本身，以字符串的形式表现出来。
而在变量名后加()如say()返回的就会使say方法调用后的结果，这里是弹出value的值。

再来看看下面的两段代码：

function say (value) {
    
    
    alert(value);
}
function execute (someFunction, value) {
    
    
    someFunction(value);
}
execute(say, 123);

function execute (someFunction, value) {
    
    
    someFunction(value);
}
execute(function(value){
    
    alert(value);}, 123);

• 上面第一段代码是将say方法作为参数传递给execute方法
• 第二段代码则是直接将匿名函数作为参数传递给execute方法

这里的say或者匿名函数就被称为回调函数。

回调函数易混淆点——传参

如果回调函数需要传参，如何做到，这里介绍两种解决方案。

• 将回调函数的参数作为与回调函数同等级的参数进行传递

• 回调函数的参数在调用回调函数内部创建

回调函数应用场景多用在使用JS写组件时，尤其是组件的事件很多都需要回调函数的支持。