【手写系列】使用Promise实现红绿灯交替重复亮

题目要求:

红灯3秒亮一次,黄灯2秒亮一次,绿灯1秒亮一次;如何让三个灯不断交替重复亮灯?(用Promise实现)

        function red() {
            console.log('red');
        }
        function green() {
            console.log('green');
        }
        function yellow() {
            console.log('yellow');
        }

        function light(cb, timer) {
            return new Promise(resolve => {
                setTimeout(() => {
                    cb();
                    resolve()
                }, timer);
            })
        }

        function step() {
            Promise.resolve().then(() => {
                return light(red, 3000)
            }).then(() => {
                return light(green, 2000)
            }).then(() => {
                return light(yellow, 1000)
            }).finally(() => {
                return step()
            })
        }
        step()

运行结果:

【手写系列】使用Promise实现红绿灯交替重复亮_第1张图片

你可能感兴趣的:(手写代码,前端,javascript,开发语言)