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