js解决回调地狱(promise,generator,async和await）

最新推荐文章于 2024-05-19 08:08:57 发布
最新推荐文章于 2024-05-19 08:08:57 发布
阅读量302 收藏 1
点赞数
分类专栏： JavaScript ES6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/leilei7407/article/details/118068794
版权
1.回调地狱没有Promise之前,解决异步都是依赖回调,但执行多个具备前后顺序的异步操作时，就需要在回调当中嵌套回调，也称回调地狱。这种代码的可读性和可维护性都是非常差的，因为嵌套的层级太多。//回调地狱 输出顺序 1 2 3 setTimeout(function(){ console.log('1'); setTimeout(function(){ console.log('2');
摘要由CSDN通过智能技术生成

1.回调地狱

在这里插入图片描述
没有Promise之前,解决异步都是依赖回调,但执行多个具备前后顺序的异步操作时，就需要在回调当中嵌套回调，也称回调地狱。这种代码的可读性和可维护性都是非常差的，因为嵌套的层级太多。

//回调地狱 输出顺序 1 2 3
  setTimeout(function(){
   
            console.log('1');
            setTimeout(
最低0.47元/天 解锁文章
徕胖
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS高级——异步处理（回调地狱）Generator async
m0_58471238的博客
10-20 965
JS高级——异步处理（回调地狱）Generator async
JS中的回调地狱问题以及解决方法
m0_64227118的博客
10-04 346
如果在回调函数中再传入一个函数，就会出现一个嵌套结构如此层层嵌套回调就会形成回调地狱。业务中有时在请求数据时会出现这种情况，需要发送多个AJAX请求，第1个正常发送，但是第2个需要第1个请求的数据结果中的某一个值作为参数，第3个请求需要第2个请求的数据结果中的某一个值作为参数，如此层层嵌套回调就是回调地狱。这样的代码就很难去维护且业务逻辑复杂代码可读性也不好。
浅理解回调地狱并使用 Promise 解决此问题
黛琳ghz的博客，期待你的关注。
04-04 1540
好久没写面试题的文章了，今天这篇文章讲一讲我之前遇到一个面试题，当时在跟面试官聊了原型链、vue生命周期后，他问到了我什么是 Promise、然后又聊到了回调地狱，及其解决方法。当然了还有聊到async和await，这篇文章先不细聊async和await。在前端开发的面试中，异步编程是经常问到的知识点，所以Promise、async、await的等知识点要熟练掌握。
浅谈JS中的回调地狱
最新发布
xllllll___的博客
05-19 957
3.promise的链式编程可以保证代码的执行顺序，但是前提是每一次在执行完then中的操作时，必须要返回一个promise对象，这样才能保证下一次的then时能够接收到数据.从上述的代码示例可以看出，定时器中的任务是否执行完毕不影响后面 任务的执行，当定时器需要等待3秒再去执行时，不会阻塞后面函数的执行。这就是简单的异步任务的实现。从上面的实例可以看出，如果要按照语序输出一句话，就需要回调函数嵌套回调函数，上面代码就嵌套了三层回调函数，这种回调函数中嵌套回调函数的情况就称为回调地狱。
回调地狱的产生，以及如何解决回调地狱
weixin_58032613的博客
02-22 5481
前言 在了解回调地狱之前，我们先来了解两个概念： 1. 回调函数 当一个函数作为参数传入另一个参数中，并且它不会立即执行，只有当满足一定条件后该函数才可以执行，这种函数就称为回调函数。我们熟悉的定时器和Ajax中就存在有回调函数。 setTimeout(function(){ //function(){console.log('执行了回调函数')}就是回调函数，它只有在3秒后才会执行 console.log('执行了回调函数'); },3000) //3000毫秒 这里的回调函数是functi
【JavaScript】回调地狱
小秀的博客
06-27 642
回调地狱（Callback Hell）是指在异步编程中，多个嵌套的回调函数形成的代码结构复杂、难以维护和理解的情况。通过使用 Promise 或 async/await，可以避免回调地狱的问题，使异步代码更加清晰、易于理解和维护。
js中的回调地狱
茂茂的博客
03-06 706
js中的回调地狱
详解ES6之async+await 同步/异步方案
08-29
async+await是ES6中引入的异步编程解决方案，旨在解决异步编程中的回调地狱问题。下面我们将详细介绍async+await的工作原理和使用方法。 异步编程的几个场景 异步编程是JavaScript编程的重大问题之一。关于异步...
详解node Async/Await 更好的异步编程解决方案
08-27
这降低了异步编程的学习曲线，避免了回调地狱和Promise链可能导致的复杂性。 二、Async/Await的基本用法 1. 定义async函数：async关键字用于定义一个返回Promise的函数。例如： ```javascript async function ...
NodeJs通过async/await处理异步的方法
10-19
传统的回调函数方式（即“回调地狱”）和Promise链式调用虽然有所改善，但仍有其局限性。随着ES6引入的Generator和相关库co，异步编程向着更易读、更接近同步风格的方向发展。然而，Generator并非专为异步设计，使用...
js代码-生成器函数模拟async/await
07-15
然而，在ES6之前，开发者通常会使用Promise或者基于回调的函数来实现异步逻辑。本篇我们将探讨如何使用生成器函数（Generator）模拟`async/await`，以便在不支持`async/await`的环境中实现类似的功能。 生成器函数...
回调函数与回调地狱及其解决方法 | JavaScript
qq_42376600的博客
10-13 2039
回调函数与回调地狱及其解决方法 JavaScript
回调地狱详解
m0_63855883的博客
06-05 1675
回调地狱指的是在编写异步JavaScript代码时，回调函数嵌套的现象越来越深，导致代码的可读性变差、维护性变差、复杂度增加、错误率增加等问题。在 JavaScript 中，回调函数通常用于处理异步代码，它们被用于等待某些操作的完成，例如 AJAX 请求、Promise 执行和事件绑定等，一旦操作完成，JavaScript 引擎则会调用回调函数来处理完成的结果。回调函数的问题在于，如果不小心处理不当，它们非常容易导致嵌套回调函数的问题，这些被称为回调地狱。
七分钟理解javascript回调函数,回调函数地狱
不懂技术
07-20 1078
理解JavaScript回调函数不难,因为它就是普通函数,只不过是调用的位置与时机不同.它作为参数传递给另一个函数，并在某个特定的事件或条件发生时被调用执行. 为了确保异步任务的按照特定的方式执行,就需要将后一个执行的任务嵌套到前一个任务里面.比较常见的业务场景就是你要调a接口获取到一个数值,这个数值,是调用b接口时候要用到的参数.为了确保一定在获取到a接口的数值后才调用b,这样就产生了回调函数的嵌套.回调函数嵌套的多了,层级混乱.也就产生了地狱回调
js中将回调地狱改装成promise方式的函数
zhang_zan
01-25 745
js中回调地狱的解决方法
JavaScript:异步编程【回调地狱问题】
weixin_42132860的博客
08-08 184
回调函数是异步编程中的基础概念，它可以让我们在异步操作完成后执行相应的逻辑。然而，回调地狱问题可能导致代码可读性差，ES6引入了Promise和ES8引入了async/await来解决这个问题。通过合理地使用这些机制，我们可以更加优雅地进行异步编程，提高代码的可维护性和性能。回调函数是一种特殊的函数，它可以作为参数传递给其他函数，在特定的事件发生或异步操作完成后被调用执行。是一种处理异步操作的标准方式，它可以更清晰地表示异步操作的状态和结果。，代码更加线性，易于理解和维护，同时避免了回调地狱问题。
回调地狱及解决（promise）
lqj0127的博客
07-06 1526
promise封装了异步操作，本质是一个状态机。
es6 Promise.prototype.then()方法
歪脖先生的博客
01-27 2332
Promise.prototype.then()方法 Promise 实例具有then方法，也就是说，then方法是定义在原型对象Promise.prototype上的。它的作用是为 Promise 实例添加状态改变时的回调函数。前面说过，then方法的第一个参数是resolved状态的回调函数，第二个参数（可选）是rejected状态的回调函数。 then方法返回的是一个新的Pr
js promise 回调地狱
09-01
除了Promise，还有一些其他的处理异步操作的技术，如async/await、Generator等，它们都可以帮助开发者更好地管理和处理异步操作，避免回调地狱的问题。 总之，通过引入Promise等技术，可以改善代码的可读性和可维护...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值