关于回调函数的一点理解

在JavaScript中,回调函数定义是:函数A作为参数(函数引用)传递到另一个函数B中,并且这个函数B执行函数A。我们就说函数A叫做回调函数。如果没有名称(函数表达式),就叫做匿名回调函数。

简单点说就是将一个函数作为一个实参传入另一个函数中调用。通常我们还给这个传入的函数起一个名字,叫做callback。

使用场景:大部分的回调函数我们都是在异步的时候用到,但是一般同步(阻塞)的场景下也经常用到回调,比如要求执行某些操作后执行回调函数。

上面说的太抽象哈,下面我们就举几个常见的具体场景:

1、链式调用:链式调用的时候,在赋值器(setter)方法中(或者本身没有返回值的方法中)很容易实现链式调用,而取值器(getter)相对来说不好实现链式调用,因为你需要取值器返回你需要的数据而不是this指针,如果要实现链式方法,可以用回调函数来实现·

2、setTimeout、setInterval的函数调用得到其返回值。由于两个函数都是异步的,即:他们的调用时序和程序的主流程是相对独立的,所以没有办法在主体里面等待它们的返回值,它们被打开的时候程序也不会停下来等待,否则也就失去了setTimeout及setInterval的意义了,所以用return已经没有意义,只能使用callback

如果还是不理解,直接上例子:

就拿我们最熟悉的ajax请求来说:

$.ajax({
url:"test.json",
type: "GET",
data: {username:$("#username").val()},
dataType: "json",
beforSend:function(){
// 禁用按钮防止重复提交
$("#submit").attr({ disabled: "disabled" });
},
complete:function(msg){
//请求完成后调用的回调函数(请求成功或失败时均调用)
} ,
error:function(msg){
//请求失败时被调用的函数
} ,
Sucess:function(msg){
//请求成功后调用的回调函数
}
});

简而言之回调就是我们当期还不确定用的是哪个方法,只有当用到的时候,或者数据返回的时候才知道用的哪个方法,在众多方法中选择一个。

说道这里,问题很多的小明就会有疑问啦?

为什么不直接在函数里调用,这样的话不就更省事了嘛?

其实不然,这样做会使我们的回调函数就被限制死了。当你a(b)的时候函数b就成了回调函数,而你还可以a(c)这个时候,函数c就成了回调函数。如果你写成了function a(){...;b();}就失去了变量的灵活性。

我们可以这样理解,现在方法a调用的是一个函数,而我现在不知道这个函数是谁,因为它一直在变化的,所以我就定义了一个回调函数,当确定下来这个函数是谁的时候我把函数传进来,这时候就可以确定这个函数是谁了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值