基于Generator生成器解决回调地狱问题

Generator

MDN文档
生成器对象是由一个 generator function 返回的，并且它符合可迭代协议和迭代器协议。

语法：

function* gen() {
yield 1;
yield 2;
yield 3;
}
let g = gen();
// "Generator { }"

方法

Generator.prototype.next()

返回一个由 yield表达式生成的值。

需求： 1s 后控制台输出111 2s后输出222 3s后输出333

// 回调地狱
setTimeout(() => {
console.log(111);
setTimeout(() => {
console.log(222);
setTimeout(() => {
console.log(333);
}, 3000);
}, 2000);
}, 1000);

使用生成器解决这一问题

function one() {
setTimeout(() => {
console.log(1111);
iterator.next();
}, 1000);
}
function two() {
setTimeout(() => {
console.log(2222);
iterator.next();
}, 2000);
}
function three() {
setTimeout(() => {
console.log(3333);
iterator.next();
}, 3000);
}
function* gen() {
yield one();
yield two();
yield three();
}
let iterator = gen();
iterator.next();

https://jsrun.net/LxPKp/edit

最后

以上就是拼搏睫毛膏为你收集整理的基于Generator生成器解决回调地狱问题的全部内容，希望文章能够帮你解决基于Generator生成器解决回调地狱问题所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。