回调函数的应用

什么是回调函数

回调函数:先运行主函数,记录主函数传给回调函数的参数,待到主函数运行完毕后,再执行回调函数。

有一个非常通俗易懂的例子:
送一个女孩子回家,告诉她,让她回家后给你发信息。
这里:女孩子回家–主函数;到家后给你发信息–回调函数;告诉她–主函数给回调函数传递参数。
人家得先回家,再给你发信息对吧。
所以先执行主函数,再执行回调函数。

回调函数遇到的第一个坑

在这里插入图片描述以腾讯地图坐标转换回调函数为例,其中data为数据库查询数据,格式为list。根据data在地图上进行标记,不同的标记点绑定的点击事件不同。
刚开始运行调试的时候,会发现绑定的点击事件一直都只能取到data最后一条数据,这是因为qq.maps.convertor是一个回调函数,for循环为一个主函数,只有循环结束了,才执行回调函数,这个时候参数 i 已经循环到最后data的最后了。

解决办法

关键点在于,如何让标记点和点击事件一一对应起来。

我的实现方式把回调函数定义到一个闭包里,闭包里保存了这是第几组请求,然后回调函数可以访问到这是第几组请求。于是就可以在回调函数里求出来本次返回的数据是我们原始大数组中的第几个数据的转换结果。从而保证返回结果的有序性。

最后在回调函数中清理一下内存。i = null。

上代码

在这里插入图片描述
加上一个function闭包,把回调函数放在闭包里面,通过令 var i = ind , 记录此时回调函数中取用的是第几组数据,让他和点击事件一一对应起来。
最后对 i 进行清理。

结尾

回调函数其实是一个异步进行的程序,解决这个问题还可以在回调函数里面加入定时器,进行延时处理,在某个程度上也可以实现同步。

(但是觉得闭包比较容易~)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值