什么是回调地狱?如何解决回调地狱问题_地狱回调

什么是回调地狱?如何解决回调地狱问题_地狱回调什么是回调地狱?该如何解决回调地狱?

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

一、什么是回调地狱呢?

	地狱这个词不陌生吧!对,没错就是那个十八层地狱的地狱,一层一层的地狱。

Jetbrains全家桶1年46,售后保障稳定

1、同步API,异步API的区别

这个问题呢,需要从Node.js的API说起,这里就会有人问了?博主你不是说回调地狱的问题吗,怎么说到API了,别急,看博主一步一步的解释给你听:

同步API 是从上到下依次执行,前面的代码会阻塞后面的代码执行
请看下面这个代码


这里我写了一个for询还1000次,在循环里面打印,在循环体后面是另外的一个打印结果
结果是什么呢?
这个需要你自己去敲一下代码才能更好的了解喔!

for(var i=0; i<1000; i++){ 
   
	console.log(i);
}
console.log('循环体后面的代码')

异步API不会等待API执行完后在向下执行代码
看下下面这个代码,会是如何执行呢?

console.log('代码开始执行')
//异步操作 setTimout
setTimout(() =>{ 
    console.log('5秒后执行代码') },5000);//5000就是5秒
setTimout(() =>{ 
    console.log('0秒后执行代码')},0);
console.loh('代码结束执行');

这里的执行顺序是:
代码开始执行
代码结束执行
0秒后执行代码
5秒后执行代码

逻辑梳理:先执行同步的API,在去执行异步的API
      同步API有两个  分别是两个console.log
      异步API也有两个 分别是setTimout
      异步API里面的定时器会先执行0  在执行5

2、Node.js中的异步API

	使用fs.readFile(‘./demo.txt’,(err,result) =>{});
	上面这个就是一个异步API
	是使用系统模块fs去查看文件

如果异步API后面的代码执行依赖当前异步API的执行结果,但实际上后续代码在执行的时候异步API还没有返回结果,这个问题怎么解决呢?

	fs.readFile(‘./demo.txt’,(err,result) =>{});
	console.log('文件打印结果')

3、写一个使用异步API,造成的回调地狱案例

案例需求:依次读取A文件,B文件,C文件

  1. 首先需要创建一个js的文件
  2. 然后分别创建1.txt 2.txt 3.txt
  3. 在每个文本里面写分别写上1 2 3
  4. 这样我们3个文件就创建好了,进入码代码的环节啦
const fs = require('fs')

fs.readFile('./1.txt','utf8',(err,result1) =>{ 
   
    console.log(result1);
    fs.readFile('./2.txt','utf8',(err,result2) =>{ 
   
        console.log(result2);

        fs.readFile('./3.txt','utf8',(err,result3) =>{ 
   
            console.log(result3);

        })
    })
});

执行这个js文件,执行结果是正确的,是不是没毛病!
但是这我们只写了3个,要是我们写18个呢

const fs = require('fs')
fs.readFile('./1.txt','utf8',(err,result1) =>{ 

console.log(result1);
fs.readFile('./2.txt','utf8',(err,result2) =>{ 

console.log(result2);
fs.readFile('./3.txt','utf8',(err,result3) =>{ 

console.log(result3);
fs.readFile('./3.txt','utf8',(err,result3) =>{ 

console.log(result3);
fs.readFile('./3.txt','utf8',(err,result3) =>{ 

console.log(result3);
fs.readFile('./3.txt','utf8',(err,result3) =>{ 

console.log(result3);
fs.readFile('./3.txt','utf8',(err,result3) =>{ 

console.log(result3);
fs.readFile('./3.txt','utf8',(err,result3) =>{ 

console.log(result3);
fs.readFile('./3.txt','utf8',(err,result3) =>{ 

console.log(result3);
fs.readFile('./3.txt','utf8',(err,result3) =>{ 

console.log(result3);
fs.readFile('./3.txt','utf8',(err,result3) =>{ 

console.log(result3);
})
})
})
})
})
})
})
})
})
})
});

这样你能理解了吗?这样一层回调嵌套一层回调,是不是有点像地狱的样子!这样的代码也不易去维护。

二、怎么解决回调地狱呢?

	Promise的出现就是解决Node.js异步编程中回调地狱的问题
基础语法
let promise = new Promise((resolve,reject) =>{ 

setTimout(() =>{ 

if(true){ 

//resolve将异步API的执行结果传递出去
resolve({ 
name:"张三"})
}else{ 

//reject 也是一个函数,当判断失败的时候,将结果传递出去
reject('失败了')
}	
},2000);
})
//成功了
promise.then(result => console.log(result));//{name:‘张三’}
.catch(error => console.log(error));//失败了

1、使用Promise来完成我们之前做的案例

  1. 创建一个js文件
  2. 文件可以就用之前的文件
  3. 开始代码的编写
//1、引入系统模块fS
const fs = require('fs');
//2、创建一个promise对象
let promise = new Promise((resolve,reject) =>{ 

fs.readFile('./1.txt','utf8',(err,result) =>{ 

if(err !=null){ 

reject(err);
}else{ 

resolve(result);
}
});
});
//文件成功的信息
promise.then((result) =>{ 

console.log(result);
})
//文件失败的信息
.catch((err) =>{ 

console.log(err);
})

2、改进的方法

const fs = require('fs')
function p1(){ 

return new Promise((resolve,reject) =>{ 

fs.readFile('./1.txt','utf8',(err,result) =>{ 

resolve(result);
})
})
}
function p2(){ 

return new Promise((resolve,reject) =>{ 

fs.readFile('./2.txt','utf8',(err,result) =>{ 

resolve(result);
})
})
}
function p3(){ 

return new Promise((resolve,reject) =>{ 

fs.readFile('./3.txt','utf8',(err,result) =>{ 

resolve(result);
})
})
}
//依次执行1、2、3
p1().then((r1) =>{ 

console.log(r1);
//return p2
return p2();
})
.then((r2) =>{ 

console.log(r2);
//return p3()
return p3();
})
.then((r3) =>{ 

console.log(r3);
})

读到这里,你知道什么是回调地狱了吗?并且如何解决它了吗?
切记!看代码或者看文章的记忆并不深刻哟,要自己去敲代码,这个在面试中也是经常会出现哟!码字不易,希望能一键三连

2021.3月31日更新

3、ES7 优化(异步函数)

异步函数是异步编程语法的终极解决方案,它可以让我们将异步代码写成同步的形式,让代码不再有回调函数嵌套,使代码变得清晰明了

const fn = async() =>{ 
};
async function fn(){ 
}

之前的案例,优化后的代码如下

const fs = require('fs');
const  promisify  = require("util").promisify;
const readFile = promisify(fs.readFile);
async function run() { 

let  r1 = await readFile('./1.txt','utf8')
let r2 =  await readFile('./2.txt','utf8')
let r3 = await readFile('./3.txt','utf8')
console.log(r1);
console.log(r2);
console.log(r3);
}
run();

4、总结

//1.在普通函数定义的前面加上async关键字 普通函数就变成的异步函数
//2.异步函数默认的返回值是promise对象
//3.在异步函数内部使用throw关键字进行错误的抛出
//await关键字
//1.它只能出现在异步函数中
//2.await promise 它可以暂停异步函数的执行 等待promise对象返回结果后在向下执行
async function p1() { 

return '1';
}
async function p2() { 

return '2';
}
async function p3() { 

return '3';
}
async function run() { 

let r1 = await p1()
let r2 = await p2()
let r3 = await p3()
console.log(r1);
console.log(r2);
console.log(r3);
}
run();
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/234800.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • CountDownLatch用法详解

    CountDownLatch用法详解概念CountDownLatch是一个同步工具类,它允许一个或多个线程一直等待,直到其他线程执行完后再执行。例如,应用程序的主线程希望在负责启动框架服务的线程已经启动所有框架服务之后执行。CountDownLatch的用法CountDownLatch典型用法1:某一线程在开始运行前等待n个线程执行完毕。将CountDownLatch的计数器初始化为n newCountDownLatc…

  • imx8主频_5g网络和处理器有关系吗

    imx8主频_5g网络和处理器有关系吗ByToradex秦海1).简介NXPiMX8已经正式发布,相较于之前NXPi.MX系列的主力产品iMX6,其性能有了大幅提升,本文就针对网络接口对NXPiMX8和iMX6两款ARM处理器进行对比测试。本文演示所使用的ARM平台来自Toradex基于NXPiMX8SoC的ApalisiMX8ARM核心板和基于NXPiMX6QSoC的ApalisiMX6…

    2022年10月21日
  • python字符串替换replace函数

    python字符串替换replace函数python字符串替换replace函数replace(old,new,count)old,旧字符或字符串new,新字符或字符串count,最大替换数量,从起始位置开始计数,默认替换所有注意:replace函数替换字符串,不影响原字符串示例1:默认替换所有s1=’2019.10.30’s2=s1.replace(‘.’,’-‘)s2’2019-10-30’…

  • 计算机一志愿保护,如何判断学校是否保护一志愿!?那些保护一志愿的学校都……

    计算机一志愿保护,如何判断学校是否保护一志愿!?那些保护一志愿的学校都……保护第一志愿,顾名思义就是保护以第一志愿报考该校的学生,即一志愿学生相对于调剂考生优先录取。不保护第一志愿的院校,是指这些调剂生和一志愿报考本专业的学生一起复试,再统一排名,统一录取。但由于每年自划线的高校基本上先于其他院校复试,导致考研调剂时,可能有一批本科是211/985的考生考研失利,选择调剂到那些有名额的211院校或者普通一本院校,有些接受调剂的学校更倾向于接收211/985院校的调剂生,…

  • jsonp跨域原理简单总结_jsonp的工作原理

    jsonp跨域原理简单总结_jsonp的工作原理JavaScript是一种在Web开发中经常使用的前端动态脚本技术。在JavaScript中,有一个很重要的安全性限制,被称为“Same-OriginPolicy”(同源策略)。这一策略对于JavaScript代码能够访问的页面内容做了很重要的限制,即JavaScript只能访问与包含它的文档在同一域下的内容。JavaScript这个安全策略在进行多iframe或多窗口编程、以及Ajax

  • DLL注入explorer.exe进程[通俗易懂]

    DLL注入explorer.exe进程[通俗易懂]**DLL注入explorer.exe进程**  最近一直在学习dll注入远程进程的相关知识,于是有了这篇文章。通过注入的方式会运行程序,在资源管理器中是看不到,相关的进程的,这为程序的隐藏提供了极大的便利。一、新建dll动态链接库,然后在dllmain.cpp文件中的“caseDLL_PROCESS_ATTACH:”下输入当你dll被进程加载时要执行的代码。这里我们用“Messag…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号