JavaScript用定义理解回调函数

前言

背景:(由于js的学习并不是很系统,导致一路上遇到了很多坑,系统学习真的很重要!
前段时间在项目中遇到了这样一个需求:一个前端vue项目中用axios在created生命周期中发起两次请求,重点是第二次请求需要用到第一次请求返回的结果作为参数,一开始我在一个created中按请求顺序写了两个axios,想着第一次请求完成后把后台返回的一个值赋给组件中的一个状态(该状态最初的值是null),然后想着把赋值后的状态当做参数发起第二次请求,最后拿到结果。然而最终却拿到一个错误。
原因分析:axios是异步的,所以第二次请求时那个参数还是null。
当时查出错误后的解决方案是把那个状态放在watch监听器中,当状态改变时发起再第二次axios请求。(可能封装一下axios也能解决这个问题,但并未尝试)
了解了回调函数后,才知道回调函数可以完美解决这个问题。
:学习回调函数时,网上的一些资料让我产生了一些困惑,想着顺便总结归纳一下

回调函数

一.JS中同步和异步(把这里的 ‘请求’ 换成 '函数执行 ’ 也一样)
异步就是发起一个请求,不必等待返回,随时可以再发起另一个请求;
同步就是第二次请求必须等待第一次请求全部完毕后再进行(就像我上面的项目需求);
应用: ajax请求是异步的,axios也是异步的,node后台提供的很多API也是异步的
二.回调函数
官方解释是“回调函数是作为参数传递给另一个函数并在其父函数完成后执行的函数
详细举例网上太多了,这里不累赘。

1.回调函数作为参数是不会被立即执行的
2.回调函数大多数是异步执行的
3.当父函数未执行完毕时回调函数不会执行
4.困扰了我很久的一句话,网上说“回调函数是必须得依赖另一个函数执行调用,它是异步执行的”,这里的异步是指相对于程序后面的函数回调函数是异步执行的,但相对于父函数它是同步执行的

总结:关于回调函数其实官方的那句定义已经很完善了,网上说的什么执行顺序,异步还是同步,只要记住回调函数是作为参数传递给另一个函数并在其父函数完成后执行的函数。若父函数是异步的,那回调函数相对于外层函数也是异步的,若父函数是同步的,那回调函数相对于外层函数也是同步的。无论何时,回调函数相对于父函数都一定是同步的。

附几个回调函数讲解的链接:
1.https://mp.weixin.qq.com/s?__biz=MzI4OTc3NDgzNQ==&mid=2247484695&idx=1&sn=57b4e00a6929784ae9c5026cc71f46ef&chksm=ec2b488bdb5cc19d431d9fad465d7b0c2c0520919d6bf5124cd61bff4046f73af6aab08463b9&scene=21#wechat_redirect
2.https://www.jianshu.com/p/39adf6ab8ad1
3.https://www.cnblogs.com/moxiaowohuwei/p/8438236.html

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值