回调地狱

目录

一、回调地狱

1、回调函数

2、异步任务

3、回调地狱

二、解决回调地狱问题

1、Promise对象

2、async和await函数

（1）为什么有async/await

（2）使用async/await基本规则

（3）promise和async/await区别

---

一、回调地狱

在了解回调地狱之前，先了解一下 ‘ 回调函数’和‘ 异步任务 ’

1、回调函数

回调函数：

当一个函数作为参数传入另一个函数中，并且它不会立即执行，只有当满足一定条件后该函数才可以执行，这种函数就称为回调函数。

function fn(){
		     console.log('陕西西安')
		  }
         setTimeout(fn,3000) //fn就是回调函数

2、异步任务

   与之相对应的概念是“同步任务”，同步任务在主线程上排队执行，只有前一个任务执行完毕，才能执行下一个任务。异步任务不进入主线程，而是进入异步队列，前一个任务是否执行完毕不影响下一个任务的执行。

console.log('A');
    setTimeout(function () {
        console.log('B')
    }, 0)
setTimeout(function () {
    console.log('C')
}, 0)
setTimeout(function () {
    console.log('D')
}, 0)
console.log('E');

输出结果 

 

 

3、回调地狱

回调地狱：在回调函数中再嵌套回调函数的情况称为回调地狱(是实现代码顺序执行的一种操作方式)
    
        (1)代码的可读性差、可维护性差
        
        (2)代码的扩展性差

setTimeout(function(){
        console.log('陕西西安');
        setTimeout(function () {
            console.log('广东深圳');
            setTimeout(function () {
                console.log('浙江杭州');
            },1000)
        },2000)
    },3000)

 

   这种回调函数中嵌套回调函数的情况就叫做回调地狱。回调地狱就是为是实现代码顺序执行而出现的一种操作， 

二、解决回调地狱问题

回调地狱的问题：

．嵌套层次很深，可读性差，难以维护