解决回调地狱的三个方法

什么是回调地狱？

回调地狱是指在异步js里，回调函数写的太多了，回调套回调，导致代码的可读性下降，十分混乱。

问题需求：1s后输出1，再过1s后输出2，再过1s后输出3。

回调地狱callback hell写法

setTimeout(() => {console.log(1);setTimeout(() => {console.log(2);setTimeout(() => {console.log(3);}, 1000);}, 1000);
}, 1000);

使用generator解决

function func(num) {setTimeout(() => {console.log(num);iterator.next();}, 1000);
}function* gen() {yield func(1);yield func(2);yield func(3);
}let iterator = gen();
iterator.next();

使用Promise解决

function func(num) {return new Promise(resolve => {setTimeout(() => {resolve('success');console.log(num);}, 1000);})
}let p = func(1);p.then(() => {return func(2);
}).then(() => {return func(3);
});

使用async&await解决

function func(num) {return new Promise(resolve => {setTimeout(() => {resolve('success');console.log(num);}, 1000);})
}(async function() {await func(1);await func(2);await func(3);
})()

解决回调地狱的三个方法相关推荐

什么是地狱回调？解决回调地狱的两种方法
地狱回调概念:回调函数套回调函数的情况就叫做回调地狱, //地狱回调setTimeout(function () { //第一层console.log('武林要以和为贵');setTimeout(fu ...
ES6----promise方法解决回调地狱问题
ES6–promise方法解决回调地狱问题要解决回调地狱问题,首先要了解回调地狱的产生是由于早期的javascript只支持回调函数来表现异步操作完成,由于业务逻辑复杂时,就会出现一个串联多个异步操 ...
链式调用和解决回调地狱的终极解决方法async，await
promise链式调用 **then 是成功回调,只要在then后边return一个promise就可以继续then**<script type="text/javascript&qu ...
Promise链式调用和解决回调地狱的ES7终极解决方法async，await
promise链式调用 **then 是成功回调,只要在then后边return一个promise就可以继续then**<script type="text/javascript&qu ...
解决回调地狱终极方法 - ES7新增 - async 和 await
概念: ES7 新增的专门配合 promise封装函数一起执行的程序 async: - 关键字 - 异步的 await: - 关键字 - 等待作用: 让异步程序按照顺序一个一个的执行也是 ...
什么是回调地狱？解决回调地狱的方法
什么是回调地狱?(代码执行顺序的一种操作(解决异步)) 回调地狱的概念:回调函数里面嵌套回调函数. //地狱回调setTimeout(function () { //第一层console.log('1 ...
Promise相关内容（三）——异步获取服务器数据：promise方式解决回调地狱的问题。通过多个.then使代码可读性更高实现异步任务的串行执行，保证按顺序发送请求获取数据
Promise相关内容(三)--异步获取服务器数据:promise方式解决回调地狱的问题.通过多个.then使代码可读性更高 & 实现异步任务的串行执行,保证按顺序发送请求获取数据第一种形式 ...
Promise(解决回调地狱)
Promise() 对象: 存在三种状态: //进行时 pending// 成功 resolve//失败 reject 执行语句: let promise= new Promise((resolve, ...
promise解决回调地狱（callback hell）
promise解决回调地狱(callback hell) 具体参考阮一峰,ES6标准入门在我们需要对一个异步操作进行频繁的调用的时候,且要保证一步操作的顺序,可能会出现回调地狱(callback ...

解决回调地狱的三个方法

目录

什么是回调地狱？

回调地狱callback hell写法

使用generator解决

使用Promise解决

使用async&await解决

解决回调地狱的三个方法相关推荐

最新文章

热门文章