基于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