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请求,比如处理文件等。

本文讲解了JS回调函数实例,更多相关内容请关注【创想鸟】。

相关推荐:

js的继承实现

js的继承实现

js的继承实现

以上就是JS回调函数实例的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3184142.html

(0)
上一篇 2025年3月31日 21:35:26
下一篇 2025年3月31日 21:35:31

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • JS实现浏览器打印、打印预览

    目前正在做浏览器端采用JS方式实现打印这么一个功能,JS打印实现的方法很多,但是兼容各个浏览器实现打印预览的功能有些棘手,现将实现的内容及遇到的问题记录下来,希望有大牛看到所提的问题后可以给予解答,在此感谢啦。 1.JS实现打印的方式 方式…

    2025年3月31日
    100
  • JavaScript中 with的用法

      说起js中的with关键字,很多小伙伴们的第一印象可能就是with关键字的作用在于改变作用域,然后最关键的一点是不推荐使用with关键字。听到不推荐with关键字后,我们很多人都会忽略掉with关键字,认为不要去管它用它就可以了。但是有…

    2025年3月31日
    100
  • js 基础 数据类型及转换 进制 操作符

    nbsp;html>        js 基础         你好     //内嵌式 // 输出语句 alert(“我是内嵌式”); prompt(“请输入:”); confirm(“你好吗?”); console.log(“我是…

    编程技术 2025年3月31日
    100
  • 在JS中如何生成随机打乱数组

    这篇文章主要介绍了js生成随机打乱数组的方法,涉及javascript数组随机排序的相关操作技巧,需要的朋友可以参考下 本文实例讲述了JS生成随机打乱数组的方法。分享给大家供大家参考,具体如下: 一、比较乱的排序方法 function fn…

    2025年3月31日
    100
  • 使用JS如何实现控制多个滚动条同步滚动

    本文要探讨的是,当这两个容器元素的内容都超出了容器高度,即都出现了滚动框的时候,如何在其中一个容器元素滚动时,让另外一个元素也随之滚动 在一些支持用 markdown 写文章的网站,后台写作页面,一般都是支持 markdown 即时预览的,…

    2025年3月31日 编程技术
    100
  • 在js中如何读取本地文件

    下面我就为大家分享一篇js读取本地文件的实例,具有很好的参考价值,希望对大家有所帮助。 如何用在浏览器端预览本地文件? 今天的主题是使用浏览器预览本地文件。 由于浏览器安全策略的限制,javascript程序不能自由地访问本地资源,这是对用…

    编程技术 2025年3月31日
    100
  • 在JS中如何实现指定位置插入内容

    下面我就为大家分享一篇js实现在文本指定位置插入内容的简单示例,具有很好的参考价值,希望对大家有所帮助。 实例如下所示: function insertAtCursor(myField, myValue) {   //IE 浏览器  if …

    编程技术 2025年3月31日
    100
  • 使用js+cookie如何实现购物车功能

    这篇文章主要介绍了原生js+cookie实现购物车功能的方法,结合实例形式分析了javascript结合cookie存储实现购物车功能的相关操作技巧,需要的朋友可以参考下 本文实例讲述了原生js+cookie实现购物车功能的方法。分享给大家…

    编程技术 2025年3月31日
    100
  • 在js中如何转换bool值?

    这篇文章主要给大家介绍了关于js中bool值的转换方法以及”&&” 、”||”、 “!!”的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工…

    编程技术 2025年3月31日
    100
  • 在Javascript中的有关class、构造函数、工厂函数的使用方法

    这篇文章主要介绍了详解javascript 中的 class、构造函数、工厂函数,需要的朋友可以参考下 到了ES6时代,我们创建对象的手段又增加了,在不同的场景下我们可以选择不同的方法来建立。现在就主要有三种方法来构建对象,class关键字…

    编程技术 2025年3月31日
    100

发表回复

登录后才能评论