怎么在JavaScript中使用回调函数回调函数

本篇文章为大家展示了怎么在JavaScript中使用回调函数回调函数,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

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

一个回调函数作为参数传递给另一个函数,其母函数完成后执行。

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

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

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

异步请求中的回调函数

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

$ . get (& # 39; $ {root}/saveOrUpdate.do& # 39;,函数(结果){ 　　,,,,,警报(结果); 　　,,,,,});

同步请求中的回调函数

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

保存数据函数:

function  saveRecord (seq,回调){ 　　. ajax({美元才能 　　,,,,,url: & # 39; $ {root}/saveOrUpdate.do& # 39; 　　,,,,,类型:“post", 　　,,,,,异步:没错, 　　,,,,,成功:函数(结果){ 　　,,,,,,,//确保回调是一个函数类型的 　　,,,,,,,如果(typeof(回调)===& # 39;函数# 39;){ 　　,,,,,,,,,,,回调(真正的); 　　,,,,,,,} 　　,,,,,} 　　,,,}),, 　　}

主要函数

//保存成功,才会打开弹窗 　　function 才能;主要(seq) { 　　,,,saveRecord (seq, callbackFunction); 　　以前,,}

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

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

上述内容就是怎么在JavaScript中使用回调函数回调函数,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注行业资讯频道。

怎么在JavaScript中使用回调函数回调函数