js回调函数

js的回调函数。

    函数是js非常强大的一种类型,函数也是一种类型,是一种函数类型。    既然是一种类型,函数便可以当参数,返回值,传递等进行操作,和基本类型一样。

   回调函数是在js技术中使用非常广泛的一个应用,非常常用的一个场景就是拿异步数据的时候,这时候用回调非常方便。比如我们有一个下面的例子。

setTimeout(function() {
    let a = 0;
    a = 1 + 1;
}, 1000);

  如果我想在定时函数外面拿到这个a这个值,这时你会怎么做,你可能回想像下面这样做。

let b=0;
setTimeout(function() {
    let a = 0;
    a = 1 + 1;
    b=a;
}, 1000);
console.log(b);

 这样你就错了,这样永远拿不到a的值,应为在你执行b=a的时候,console的代码都已经执行完了。这时b还是未赋值状态。还有下面的方法,

let b=0;
setTimeout(function() {
    let a = 0;
    a = 1 + 1;
    b=a;
}, 1000);
setTimeout(function() {
console.log(b);
}, 1010);

 这样确实能输出,但是这样非常不好,因为现在时间都是固定的,如果第一个setTimeout时间不固定,你这样写是肯定不好的,如果时间延迟长,你在输出b还是未赋值,如果延长时间少,这时会造成自己性能低下,所以这时做好的办法就是使用回调函数,

setTimeout(function(calback) {
    let a = 0;
    a = 1 + 1;
    calback(a)
}, 1000, result);

function result(val) {
    console.log(val);
}

 向上面这样,也会拿到a的值,这样做的好处就是,无论延迟函数什么时候调用完,我都会立即调用我的result函数,拿到a的值进行操作。

  • 5
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript函数是一种在函数执行完毕后,将另一个函数作为参数传递并在特定时间点执行的函数。通过函数,我们可以在某个操作完成后执行一些额外的逻辑或处理结果。 函数的使用场合包括异步操作,例如网络请求、文件读取等,以及事件处理,如点击事件、定时器等。当某个操作需要一段时间才能完成时,我们可以提供一个函数来处理操作完成后的结果。 在JavaScript中,函数的this指向问题常常会引起困扰。在函数中,this的指向可能不是我们期望的对象。为了解决这个问题,可以使用箭头函数或使用bind方法来绑定正确的this值。箭头函数没有自己的this值,会继承外层作用域的this值,因此可以避免this指向问题。另外,bind方法可以创建一个新函数,将指定的对象绑定为新函数的this值。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [js函数](https://blog.csdn.net/m0_68997646/article/details/127345208)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [javascript 函数详解](https://download.csdn.net/download/weixin_38727928/13041238)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值