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写组件时,尤其是组件的事件很多都需要回调函数的支持。