回调地狱的解决方式

一时失言乱红尘 2022-11-24 12:55 175阅读 0赞

**当我们遇到回调地狱，通常都是怎么解决的呢，如果不使用 async/await，那么写出来的代码，大部分（包括我）都是又臭又长的，不忍直视，那么使用下面的写法，会更加赏心悦目哦！**

### 1.第一种，普通的写法 ###

bookModel.getHotList().then(res => {
          console.log(res)
          bookModel.getMyBookCount().then(res => {
            console.log(res)
            bookModel.getMyBookCount().then(res => {
              console.log(res)
            })
          })
        })

**这只是简单的 三层嵌套，还没有加上处理的函数，便已经无法直视了**

### 2. 升级版写法 ###

bookModel.getHotList()
          .then(res => {
            console.log(res)
            return bookModel.getMyBookCount()
          })
          .then(res => {
            console.log(res)
            return bookModel.getMyBookCount()
          })
          .then(res => {
            console.log(res)
          })

**就是把后续的请求 return 出去，在外面执行后续方法，怎么样，是不是看起来舒服了很多，更有条理性了呢**

### 3. async/await 写法 ###

async function network() {
    	const res = await bookModel.getHotList()
    	console.log(res)
    
    	const res2 = await bookModel.getMyBookCount()
    	console.log(res2)
    
    	const res3 = await bookModel.getMyBookCount()
    	console.log(res3)
    }

**async/await 太香啦！！**

发表评论取消回复

表情：

评论列表（有 0 条评论，175人围观）

还没有评论，来说两句吧...

相关阅读

相关解决异步回调地狱的方法

异步回调地狱是指代码横向增长（比如在Promise对象里面循环嵌套了多个Promise对象）而不是竖向增长，这样的代码就会显得很复杂而且逻辑会变得混乱，可怕的是会写出强耦合的异

向右看齐/ 2023年07月18日 04:54/ 0 赞/ 5 阅读

相关 generator、async解决回调地狱

Symbol > ES6数据类型除了 Number 、 String 、 Boolean 、 Object、 null 和 undefined ，还新增了 Symbol

ゝ一纸荒年。/ 2023年05月31日 03:17/ 0 赞/ 49 阅读

相关回调地狱的解决方式

当我们遇到回调地狱，通常都是怎么解决的呢，如果不使用 async/await，那么写出来的代码，大部分（包括我）都是又臭又长的，不忍直视，那么使用下面的写法，会更加赏心悦目哦！

一时失言乱红尘/ 2022年11月24日 12:55/ 0 赞/ 176 阅读

相关回调地狱的解决方式总结

异步编程在JavaScript中非常重要，过多的异步编程也带了回调嵌套的问题。【回调地狱】 1、拆解function：将各步拆解为单个的function -------

偏执的太偏执、/ 2022年05月18日 03:41/ 0 赞/ 382 阅读

相关回调地狱 promisify

对于复杂的场景，都是一个回调里面调另一个回调，这个回调里面又套另一个回调，这样就形成了回调地狱，代码量比较大，无法读了，这时要怎么办呢 node 8可以写异步像写同步一样；

蔚落/ 2022年05月15日 23:44/ 0 赞/ 220 阅读

相关 promise，回调地狱

回调地狱某个ajax请求需要上一个ajax请求返回的数据，那么就要将这个ajax请求放在上一个ajax请求的回调函数里面，如果这样的情况很多，那么就会嵌套很多层。造成地

刺骨的言语ヽ痛彻心扉/ 2022年05月11日 01:26/ 0 赞/ 254 阅读

相关回调地狱

回调地狱，就是函数作为参数层层嵌套试想一下，有3个异步请求，第二个以及第三个需要用到前面请求成功的数据，我们会想着，层层嵌套函数来进行处理，例如 ![在这里插入图片描

柔光的暖阳◎/ 2022年03月02日 15:48/ 0 赞/ 294 阅读

相关异步回调发展（地狱回调）

最近在看koa的代码基本上前几句就会写道async于是想写下关于链式操作的发展第一次普通Js回调时代，所有的异步操作都会写道cb function de

曾经终败给现在/ 2022年01月20日 00:27/ 0 赞/ 388 阅读

相关 ES6-Promise()解决回调地狱

概述 Promise 是异步编程的一种解决方案，它是一个构造函数，Promise 有属于自己的 all、reject、resolve等私有方法，其原型上有 then、ca

迷南。/ 2021年12月05日 04:25/ 0 赞/ 434 阅读

相关回调地狱的多种解决方式

什么是回调地狱异步的JavaScript程序，或者说使用了回调函数的JavaScript程序，很难地去直观顺畅地阅读，大量的代码以下面这种方式结束。简单说，就是

Bertha 。/ 2021年09月19日 01:52/ 0 赞/ 410 阅读