JavaScript回调函数callback用法解析

来源:脚本之家  责任编辑:小易  

这篇文章主要介绍了JavaScript回调函数callback用法解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

JavaScript回调函数的使用是很常见的,引用官方回调函数的定义:

A callback is a function that is passed as an argument to another function and is executed after its parent function has completed.

解释得很明确,回调函数就是作为参数传递给另一个函数并在其父函数完成后执行的函数。

听起来似乎有点不好理解,所以还是举例进行说明,介绍回调函数之前先简单说明一下同步和异步,前端也有同步和异步。同步和异步总得来说,两者最明显的区别就是是否需要等待,如果是串行执行的就是同步机制,是并行执行的就是异步机制,这个比较好理解

回调函数的使用并没有同步和异步的区别,回调函数只是一种特殊的函数,可以应用于同步调用场景,也可以应用于异步调用场景

异步请求中的回调函数

最常用的有ajax异步调用或者事件机制,例子:

$.get('${root}/saveOrUpdate.do',function(result){
      alert(result);
      }); 

同步请求中的回调函数

业务场景:举个例子,点击按钮会触发main函数,进行接口数据保存(异步方式),数据保存成功之后,再回调打开弹窗的函数

保存数据函数:

function saveRecord(seq,callback){
  $.ajax({
      url:'${root}/saveOrUpdate.do',
      type:"post",
      async:true,
      success:function(result){
        //确保callback是一个函数类型的
        if(typeof(callback)==='function'){
            callback(true);
        }
      }
    }); 
}

main函数

//保存成功,才会打开弹窗
  function main(seq){
    saveRecord(seq,callbackFunction);
  }

回调函数,数据保存成功后再调用

/*保存时的回调函数*/
   function callbackFunction(saveSuccess){
    if(saveSuccess){
      //省略打开弹窗代码
    }
   }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

您可能感兴趣的文章:


  • 本文相关:
  • js回调函数 callback的理解与使用案例分析
  • javascript callback回调函数用法实例分析
  • node.js 异步编程之 callback介绍(一)
  • javascript中使用callback控制流程介绍
  • javascript中的callback方法浅析
  • 理解javascript中的回调函数(callback)
  • javascript加强之自定义callback示例
  • javascript回调(callback)函数概念自我理解及示例
  • js callback 返回前一页的js方法
  • javascript检测两个数组是否相似
  • 使用 js+正则表达式为关键词添加链接
  • 基于js实现html中placeholder属性提示文字效果示例
  • javascript不可用的问题探究
  • 运用js实现图层拖拽的功能
  • node.js chat程序如何实现ajax long-polling长链接刷新模式
  • 10种javascript最常见的错误(小结)
  • form.submit()不能提交表单的原因分析
  • javascript自启动函数的问题探讨
  • 去除html代码里面的script正则方法
  • 免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved