这是我参与8月更文挑战的第19天,活动详情查看:8月更文挑战
前言:
哈喽,大家好,转眼都周四啦,美好的周末在向我们挥手,一分耕耘一分收获,希望就在前方,让我们继续更文的路途,前端小白不迷路 - 今天来今天来介绍下什么是回调地狱。
什么是回调地狱
网上很多关于回调地狱的图片,听起来很深奥,其实简单来说就是回调函数的嵌套,那么,什么是回调函数呢?
回调函数:
把一个函数当作参数传递,传递的是函数的定义并不会立即执行,而是在将来特定的时机再去调用,这个函数就叫做回调函数。注意:回调函数不会阻塞主线程代码的执行。比如下图控制台打印:
为什么要用到回调函数:
在定时器setTimeout以及Ajax的请求时都会用到回调函数。 1.特定场景需求下,我们用定时器控制一个函数在指定时间后才会触发; 2.在发送Ajax中,客户端和服务器之间的请求和响应都是需要时间的,而我们要拿响应回来的数据就必须等响应完成,这些都是回调函数的常用场景。
为什么要用到回调函数的嵌套:
如图所示,我们想按照书写顺序分别读取三个文档的内容,虽然顺序是a.txt ···> b.txt ··· > ···c.txt,但是结果却不是预期中的那样显示,这是因为读取文件都是异步函数,互不影响, 就跟百米冲刺一样,谁先到终点都是不确定的,为了达到文档读取顺序为:a、b、c,我们就必须让百米赛跑变成接力赛,拿到上个同学的接力棒,下个同学才能上赛场。
经过测试,每次打印结果都是 a、b、c文件的内容,然后如图所示,回调函数一层套一层,就逐步形成了“回调地狱” ,回调地狱虽然将异步函数的执行顺序变为同步。但是这样的代码阅读性非常不好,可维护性也很差。
后记
上篇文章详细介绍如何解决回调函数的嵌套,欢迎感兴趣的小伙伴阅读。