promise解决异步程序回调地狱问题

promise解决异步程序回调地狱问题

问题产生：

首先我们要让异步事件按顺序执行，就要使用回调函数，然后回调函数里面放下一个要执行的事件。

例子：

首先有两个异步方法

在调用的时候, 要保证顺序就要嵌套:

先吃火锅，再喝奶茶

依次推下去，多个异步事件要保证顺序就要不停的嵌套下去。这就是回调地狱。

解决：

这也是ES6中的新特性，promise  若p是一个promise方法，那么就可以对这个方法.then（）来拿p这个promise方法里的异步数据（用resolve（）返回）

promise对象给我们一个.then()方法来拿异步数据

这个打印的data就是我们 resolve 传出来的值

所以，用这种思路来写获取奶茶方法（getTea）：

 

打印：奶茶

同理，也修改获取火锅方法：

 

然后，重点：promise用法中.then()里允许返回一个promise对象

然后我们就可以继续对前面这个方法继续.then()来拿返回的异步数据：

就可以解决回调地狱了

输出结果：

async函数：

如果不想用那么多.then()可以用 async  await解决：

写一个async方法：用await来接promise对象

await 后面加一个promise对象，就直接能拿到异步数据，就不用使用.then()来拿了。

await 会等待这个promise对象返回了异步数据，才继续往下执行，所以这样也能够保证顺序执行：

上面的异步方法都是按顺序执行的