JS回调函数基本定义与用法实例分析

本文实例讲述了JS回调函数基本定义与用法。分享给大家供大家参考，具体如下：

初学js的时候，被回调函数搞得很晕，现在回过头来总结一下什么是回调函数。

我们先来看看回调的英文定义：A callback is a function that is passed as an argument to another function and is executed after its parent function has completed。

字面上的理解，回调函数就是一个参数，将这个函数作为参数传到另一个函数里面，当那个函数执行完之后，再执行传进去的这个函数。这个过程就叫做回调。

其实也很好理解对吧，回调，回调，就是回头调用的意思。主函数的事先干完，回头再调用传进来的那个函数。但是以前看过很多博客，他们总是将回调函数解释的云里雾里，很高深的样子。

举一个别人举过的例子：约会结束后你送你女朋友回家，离别时，你肯定会说：“到家了给我发条信息，我很担心你。” 对不，然后你女朋友回家以后还真给你发了条信息。小伙子，你有戏了。其实这就是一个回调的过程。你留了个参数函数（要求女朋友给你发条信息）给你女朋友，然后你女朋友回家，回家的动作是主函数。她必须先回到家以后，主函数执行完了，再执行传进去的函数，然后你就收到一条信息了。

现在基本理解回调函数的意思了吧。不理解的话没关系，我们用代码说话。

//定义主函数，回调函数作为参数
function A(callback) {
  callback();
  console.log('我是主函数');
}
//定义回调函数
function B(){
  setTimeout("console.log('我是回调函数')", 3000);//模仿耗时操作
}
//调用主函数，将函数B传进去
A(B);
/*
输出结果
我是主函数
我是回调函数
*/

上面的代码中，我们先定义了主函数和回调函数，然后再去调用主函数，将回调函数传进去。

定义主函数的时候，我们让代码先去执行callback()回调函数，但输出结果却是后输出回调函数的内容。这就说明了主函数不用等待回调函数执行完，可以接着执行自己的代码。所以一般回调函数都用在耗时操作上面。比如ajax请求，比如处理文件等。

更多关于JavaScript相关内容可查看本站专题：《JavaScript常用函数技巧汇总》、《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

# JS  # 回调函数  # JS中的回调函数(callback)讲解  # JavaScript回调函数callback用法解析  # JS回调函数深入理解  # JS回调函数 callback的理解与使用案例分析  # 原生JS实现动态加载js文件并在加载成功后执行回调函数的方法  # 浅析JS中回调函数及用法  # 微信小程序中使用javascript 回调函数  # 一文彻底理解JS回调函数  # 回调  # 我是  # 给你  # 这就  # 自己的  # 是一个  # 给我  # 很好  # 相关内容  # 你就  # 却是  # 我很  # 数据结构  # 很高  # 得很  # 英文  # 给大家  # 发了  # 会说  # 再去 

相关文章： 学校建站服务器如何选型才能满足性能需求？  广州美橙建站如何快速搭建多端合一网站？  如何快速建站并高效导出源代码？  如何通过虚拟机搭建网站？详细步骤解析  建站之星后台密码遗忘如何找回？  如何在企业微信快速生成手机电脑官网？  免费视频制作网站,更新又快又好的免费电影网站？  大连 网站制作,大连天途有线官网？  b2c电商网站制作流程,b2c水平综合的电商平台？  再谈Python中的字符串与字符编码（推荐）  赚钱网站制作软件,建一个网站怎样才能赚钱?是如何盈利的？  建站主机CVM配置优化、SEO策略与性能提升指南  成都网站制作价格表,现在成都广电的单独网络宽带有多少的，资费是什么情况呢？  如何在万网主机上快速搭建网站？  香港服务器网站推广：SEO优化与外贸独立站搭建策略  国美网站制作流程,国美电器蒸汽鍋怎么用官方网站？  如何选择高效便捷的WAP商城建站系统？  制作门户网站的参考文献在哪,小说网站怎么建立？  如何在云指建站中生成FTP站点？  如何零基础开发自助建站系统？完整教程解析  定制建站是什么？如何实现个性化需求？  网站专业制作公司,网站编辑是做什么的？好做吗？工作前景如何？  建站之星后台管理：高效配置与模板优化提升用户体验  如何在七牛云存储上搭建网站并设置自定义域名？  c++怎么实现高并发下的无锁队列_c++ std::atomic原子变量与CAS操作【详解】  魔毅自助建站系统：模板定制与SEO优化一键生成指南  如何在万网自助建站平台快速创建网站？  如何高效利用200m空间完成建站？  专业公司网站制作公司,用什么语言做企业网站比较好？  如何登录建站主机？访问步骤全解析  香港服务器租用费用高吗？如何避免常见误区？  建站之星体验版：智能建站系统+响应式设计，多端适配快速建站  详解jQuery中基本的动画方法  C++中的Pimpl idiom是什么，有什么好处？（隐藏实现）  潍坊网站制作公司有哪些,潍坊哪家招聘网站好？  专业型网站制作公司有哪些,我设计专业的，谁给推荐几个设计师兼职类的网站？  建站主机如何选？性能与价格怎样平衡？  东莞专业网站制作公司有哪些,东莞招聘网站哪个好？  建站之星如何实现网站加密操作？  建站之星后台密码遗忘或太弱？如何重置与强化？  武汉外贸网站制作公司,现在武汉外贸前景怎么样啊？  如何在建站宝盒中设置产品搜索功能？  孙琪峥织梦建站教程如何优化数据库安全？  建站之星各版本价格是多少？  C++ static_cast和dynamic_cast区别_C++静态转换与动态类型安全转换  大连网站制作公司哪家好一点,大连买房网站哪个好？  c# F# 的 MailboxProcessor 和 C# 的 Actor 模型  道歉网站制作流程,世纪佳缘致歉小吴事件，相亲网站身份信息伪造该如何稽查？  如何通过FTP服务器快速搭建网站？  淘宝制作网站有哪些,淘宝网官网主页？