回调函数与回调地狱

回调函数

把一个函数当作参数 传递给另一个函数,但是此函数并不会立即执行 ,而是在将来特定的时机 再去调用,这个函数就叫做回调函数 。在定时器setTimeout以及Ajax的请求时都会用到回调函数。

再举个栗子:

你到一个商店去买东西,刚好你要的东西没有货,于是你在店员那里留下了你的电话,过了几天店里有货了,店员就打了你的电话,然后你接到电话后就到店里去取了货。

在这个例子里,你的电话号码 就叫回调函数 ,你把电话留给店员就叫登记回调函数,店里后来有货了叫做触发了回调关联的事件,店员给你打电话 叫做调用回调函数,你到店里去取货叫做响应回调事件。


回调函数在我们启动一个异步任务的时候就会告诉它:等你完成了这个任务之后要干什么。这样一来主线程几乎不用关心异步任务的状态了,他自己会善始善终。

javascript 复制代码
// setTimeout中第一个参数就是回调函数,只有在1秒后执行
    setTimeout(() => {
        console.log('执行回调函数!!')
    }, 1000);
    console.log('先执行我捏~~')

根据前面对异步任务的介绍,应该知道此代码会先执行定时器后的语句,再执行定时器及回调函数

回调地狱

根据前面对异步编程 以及回调函数 的介绍我们可以得出一个结论:存在异步任务的代码,不能保证其按照顺序执行,那如果我们非要代码顺序执行呢?

比如我要间隔不同时间输出三句话,语序必须是下面这样的:我在定时器1里捏!!我在定时器2里捏!!我在定时器3里捏!!

javascript 复制代码
    setTimeout(() => {
        console.log('我在定时器1里捏!!')
    }, 3000)
    setTimeout(() => {
        console.log('我在定时器2里捏!!')
    }, 2000)
    setTimeout(() => {
        console.log('我在定时器3里捏!!')
    }, 1000)
    console.log('我在定时器后捏~~')

当使用定时器顺序调用时,则会出现输出顺序错乱的问题:

所以必须要这样操作,才能保证输出顺序正确:

javascript 复制代码
    setTimeout(() => {
        console.log('我在定时器1里捏!!')
        setTimeout(() => {
            console.log('我在定时器2里捏!!')
            setTimeout(() => {
                console.log('我在定时器3里捏!!')
            }, 1000)
        }, 2000)
    }, 3000)
    console.log('我在定时器后捏~~')

可以看到,代码中的回调函数层层嵌套 ,并且嵌套了3层,这种回调函数中嵌套回调函数的情况就叫做回调地狱

所以回调地狱就是为实现代码顺序执行 而出现的一种操作,它会造成我们的代码可读性非常差,后期不好维护

那么该如何解决回调地狱问题呢?

相关推荐
2501_915921435 分钟前
iOS 26 崩溃日志解析,新版系统下崩溃获取与诊断策略
android·ios·小程序·uni-app·cocoa·iphone·策略模式
齊家治國平天下2 小时前
Android 14 Input 事件派发机制深度剖析
android·input·hal
2501_916013743 小时前
iOS 推送开发完整指南,APNs 配置、证书申请、远程推送实现与上架调试经验分享
android·ios·小程序·https·uni-app·iphone·webview
李艺为5 小时前
非预置应用使用platform签名并且添加了android.uid.system无法adb安装解决方法
android·adb
李宥小哥6 小时前
C#基础11-常用类
android·java·c#
Jerry12 小时前
Compose 中的绘制功能简介
android
我科绝伦(Huanhuan Zhou)13 小时前
【脚本升级】银河麒麟V10一键安装MySQL9.3.0
android·adb
消失的旧时光-194313 小时前
Android回退按钮处理方法总结
android·开发语言·kotlin
叫我龙翔13 小时前
【MySQL】从零开始了解数据库开发 --- 数据表的约束
android·c++·mysql·数据库开发