什么是回调地狱-什么是回调地狱

嘿，老铁先别在那儿整那些虚头巴脑的形容词，咱们直接上干货。说到“回调地狱”，你想想看，这玩意儿到底是个啥？别扯那些学院派的大道理，我就说说它在真开发场景里到底是个啥鬼。 说白了，回调地狱就是让你为了偷懒，故意搞个“假象”，实际上逻辑死板得像颗定时炸弹。 开发者们有个懒癌，特别是那种喜爱写顺序代码的，认定一个个 `if` 判断忒啰嗦了。便就想出一个套路：先把所有可能出错的条件塞进个 `try` 块里，然后指望有一个宏大的 `finally` 要么 `catch` 块帮你兜底，顺便告诉你“哎呀，这儿出错了”。
这听起来是不是挺像？但难题在于，这种结构本质上就是复读机。
不管你写的是 `catch`、`finally` 还是 `try-catch`，它们绕不过 `try` 块里那道看似挺深的 `catch` 陷阱。再往后，你又遇到另一个 `catch`，再往后，又是一个，直到你终于走到了最外层，要么干脆扔进了一个 `throw` 里。
这时候，你才发现自己根本不知道到底应当从哪一层启动喊“停”。
这就是典型的“回调地狱”，出于每一个层级的回调都嵌套在对第 N 层回调的依赖上，看着挺复杂，实际上跟一个死锁的锁机制差不多，哪位也拿不住。 那为啥还有人愿意信这个鬼道理呢？还不是出于代码忒丑了，忒好办让人形成一种“我在处理异常情况”的错觉了。
比方说，你写了个函数，里面嵌套了两个 `catch` 块，你认定它们互相独立，各自负责一局部，结局只要上面那层抛错了，下面的东西全崩。
这时候，你根本不在乎哪个是哪个回调，你只知道“哎呀，出错了”。为了省事，你就把逻辑往回推，把那些原本应当独立判断的条件，全体塞进那个最外层、最不可能被触发的 `finally` 块里去。 这就得打个比方了。假设你要遍历一个列表，判断里面的每个元素是不是有效的数据。
要是不对，就回滚，再试下一个。
要是全都对了，整体成功。
你看，这流程实际上挺好办：遍历 -> 检查 -> 回滚 -> 持续。但开发者为了省事，往往只写一个 `try` 块，里面放所有可能的毛病，然后期望有一个 `finally` 要么 `catch` 块来统一处理结局。 咱们来算笔账。假设你要处理 1000 条数据，每条数据 validating 完都要回滚一点点状态。
要是你老老实实写个循环，检查完一条就退下一步，那状态回调就少了一半，逻辑也就清楚多了。
可是要是你非要搞个“万一所有数据都通过了，就挺快乐的”这种大饼，那就得把循环嵌套 1000 层，把回调逻辑往回推 1000 层。你连最终的状态变量在哪都不知道，你是要回滚整个堆栈，还是要回滚到某个具体的层？你是知道第 999 层逻辑的，还是只知道第 1 层逻辑？你要是非要硬想把逻辑往回推，那不仅代码丑得像 PPT 里的占位符，并且一旦数据量略微变大，整个人类大脑也就是在那儿“崩”了。 这时候，你看到的代码可能就长这样： ```javascript try { // 看起来像个保险箱，实际上全是死结 for (let i = 0; i < 1000; i++) { if (isValid(data[i])) { success = true; // 回调地狱的精髓来了，各种 if -> catch -> try 的死循环 // 哪怕确实没报错，逻辑也是这坨烂泥 if (i < 50) { try { // 第 1 层回调逻辑 // 第 2 层回调逻辑 // 第 1000 层回调逻辑 } catch (e) { // 第 1 层回调逻辑 // 第 2 层回调逻辑 } } } else { // 第 0 层回调逻辑 // 第 1 层回调逻辑 // ... } } } catch (e) { // 第 0 层回调逻辑 // 第 1 层回调逻辑 } // 这里才是真正的回值处理，要么干脆就被前面吞了 ``` 你看，哪怕确实没报错，逻辑也是这坨烂泥。你就连不知道第 990 层到底应当回滚到第 950 层，还是回滚到第 100 层，就连你都不确定第 1000 层那个 `if` 判断里到底埋没了多少个“要是”。 这种写法在啥场景下能用？或许在写一个游戏脚本，要么一个贼简陋的玩具。
比如你写个“爆米花机”，十个开关，每个开关抽出一颗爆米花，要是抽到的是玉米粒，就滚回去，再抽下一个，最终全是玉米粒就成功。
这时候嵌套 10 层 `if`，每个层里都写一个“要是抽到玉米就滚回去”，只要有一个抽到玉米，整个函数就回滚，没难题。 但一旦难题出在“抽到玉米粒”这个逻辑本身，比如你忘了加个 `if` 检查，直接 `throw true`（想自然地当作所有事都成功了），那你就需求 10 层 `catch` 块来屏蔽它。你就连可能把 `throw` 放到最外层，要么最里层，要么中间某个没用的 `try` 块里。
这时候你再改代码，想弹出第 5 层的那个毛病，却发现自己根本不知道第 5 层是啥逻辑，要不就你回头翻遍所有嵌套的 `if`。 这就好比你在写一个 100 层的防火墙，每层都写个 `try-catch` 来屏蔽前面几层的攻击，最终还要来个 `finally` 来记录日志。等你要查日志的时候，发现你根本不知道第 5 层到底是不是在记录日志，出于你连第 5 层是啥都没定义。 多少程序员都经历过这种痛。他们认定：“算了，反正也没错，反正最终总会跑通的。”便就用这种死板的嵌套去掩盖那些本来就不应当存有的复杂性。 那有没有啥出路？说实话，答案是不是，没有。除了你自己写一个逻辑清楚的线性流程，要么干脆绕过那个 `try-catch` 的幻觉，去写一个纯函数式要么递归式的解法。 比如写个递归函数： ```javascript function checkList(items) { if (items.length 0) return true; if (isValid(items[0])) { return checkList(items.slice(1)); } return false; } ``` 你看，这里没有任何 `try-catch`，没有任何嵌套，没有任何“要是所有都对就成功”的欺骗。每一层逻辑都是独立的，直接告诉你“这里错了”要么“这里对了”。
这就是为啥大厂目前还在拼命推崇这种写法，哪怕它本质上就是递归，比起一个死结的 `try-catch` 堆，起码逻辑是透明的。 故此，下次再看到别人在代码里疯狂嵌套 `try-catch`，要么故意把逻辑往回推，就嘿嘿一笑吧。他们可能是在写个游戏，要么在写个老旧的后台管理系统，要么是某些只想偷懒的初学者。但要是你是要写个能跑在浏览器里、能处理大量数据的 Web 应用，就别再搞这种“回调地狱”了。 记住啊，代码写得越复杂，出错的概率就越大。别为了省那一点点写代码的工夫，去得罪你那逻辑清楚的自己。
要是实在认定嵌套忒多，那就拆掉，老老实实写循环，要么老老实实写递归。别让那种“最终总会成功”的幻觉，拖垮了你的整个程序架构。
毕竟，逻辑清楚才是开发质量的根本，而不是嵌套多少层 `try-catch`。