javascript回调函数的概念理解与用法分析

 更新时间:2017年05月27日 14:57:39   作者:夏日的微笑  
这篇文章主要介绍了javascript回调函数的概念理解与用法,结合具体实例形式分析了javascript回调函数的功能、原理、使用方法与相关注意事项,需要的朋友可以参考下

本文实例讲述了javascript回调函数的概念理解与用法。分享给大家供大家参考,具体如下:

一. 回调函数的作用

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有一个参数function B,function B会在function A执行完成之后被调用执行。

三. 回调函数的使用方法

代码如下:

function a(callbackFunction){
  alert("这是parent函数a");
  var m =1;
  var n=3;
 return callbackFunction(m,n);
}
function b(m,n){
  alert("这是回调函数B");
  return m+n;
}
$(function(){
  var result = a(b);
  alert("result = "+ result);
});

执行顺序为:

这是parent函数a
这是回调函数B
result = 4

函数首先执行了主题函数a,之后调用了回调函数b,最后返回函数a的返回值。

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

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

相关文章

  • js 客户端打印html 并且去掉页眉、页脚的实例

    js 客户端打印html 并且去掉页眉、页脚的实例

    下面小编就为大家带来一篇js 客户端打印html 并且去掉页眉、页脚的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11
  • JavaScript变量基本使用方法实例分析

    JavaScript变量基本使用方法实例分析

    这篇文章主要介绍了JavaScript变量基本使用方法,结合实例形式分析了JavaScript变量的类型、使用注意事项及命名规范,需要的朋友可以参考下
    2019-11-11
  • 继承行为在 ES5 与 ES6 中的区别详解

    继承行为在 ES5 与 ES6 中的区别详解

    这篇文章主要介绍了继承行为在 ES5 与 ES6 中的区别详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-12-12
  • JS加jquery简单实现标签元素的显示或隐藏

    JS加jquery简单实现标签元素的显示或隐藏

    标签元素的显示或隐藏在使用中还是挺频繁的,下面有个不错的示例,大家可以参考下,或许有所帮助
    2013-09-09
  • 微信小程序实现左侧导航栏

    微信小程序实现左侧导航栏

    这篇文章主要为大家详细介绍了微信小程序实现左侧导航栏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • canvas 弹幕效果(实例分享)

    canvas 弹幕效果(实例分享)

    本文主要分享了canvas实现弹幕效果的实例代码。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • 微信小程序自定义tabbar栏实现过程讲解

    微信小程序自定义tabbar栏实现过程讲解

    tabBar相对而言用的还是比较多的,但是用起来并没有难,下面这篇文章主要给大家介绍了关于微信小程序全局配置之tabBar的相关资料,文中通过图文以及示例代码介绍的非常详细,需要的朋友可以参考下
    2023-02-02
  • layui数据表格 table.render 报错的解决方法

    layui数据表格 table.render 报错的解决方法

    今天小编就为大家分享一篇layui数据表格 table.render 报错的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • JS时间戳与日期格式互相转换的简单方法示例

    JS时间戳与日期格式互相转换的简单方法示例

    这篇文章主要给大家介绍了关于JS时间戳与日期格式互相转换的简单方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-11-11
  • javascript使用中为什么10..toString()正常而10.toString()出错呢

    javascript使用中为什么10..toString()正常而10.toString()出错呢

    在JavaScript中为什么10..toString()正常,而10.toString()出错呢?这个问题一直困扰着我,所抽时间搜集整理下,晒出来与大家分享感兴趣的朋友可以了解下,希望对你们有帮助
    2013-01-01

最新评论