题目：红灯三秒亮一次，绿灯一秒亮一次，黄灯2秒亮一次；如何让三个灯不断交替重复亮灯？（用Promse实现）三个亮灯函数已经存在：
|
1 2 3 4 5 6 7 8 9 |
function red(){ console.log('red'); } function green(){ console.log('green'); } function yellow(){ console.log('yellow'); } |
这道题首先考察Promise的应用，Promise的详细说明请看我的这篇文章：闲话Promise机制。首先我们需要一个函数来实现时间控制：
|
1 2 3 4 5 6 7 8 |
var tic = function(timmer, cb){ return new Promise(function(resolve, reject) { setTimeout(function() { cb(); resolve(); }, timmer); }); }; |
如果把问题简化一下，如果只需要一个周期，那么利用Promise应该这样写：
|
1 2 3 4 5 6 7 8 9 10 |
var d = new Promise(function(resolve, reject){resolve();}); var step = function(def) { def.then(function(){ return tic(3000, red); }).then(function(){ return tic(2000, green); }).then(function(){ return tic(1000, yellow); }); } |
现在一个周期已经有了，剩下的问题是如何让他无限循环。说道循环很容易想到for while do-while这三个，比如：
|
1 2 3 4 5 6 7 8 9 10 11 12 |
var d = new Promise(function(resolve, reject){resolve();}); var step = function(def) { while(true) { def.then(function(){ return tic(3000, red); }).then(function(){ return tic(2000, green); }).then(function(){ return tic(1000, yellow); }); } } |
如果你是这样想的，那么恭喜你成功踩了坑！这道题的第二个考查点就是setTimeout相关的异步队列会挂起知道主进程空闲。如果使用while无限循环，主进程永远不会空闲，setTimeout的函数永远不会执行！
正确的解决方法就是这道题的第三个考查点——递归！！！解决方案如下：
|
1 2 3 4 5 6 7 8 9 10 11 12 |
var d = new Promise(function(resolve, reject){resolve();}); var step = function(def) { def.then(ayon-t">function(def) { def.then(anslate" data-settings=" minimize scroll-always" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 15px !important;">
这道题首先考察Promise的应用，Promise的详细说明请看我的这篇文章：闲话Promise机制。首先我们需要一个函数来实现时间控制：
如果把问题简化一下，如果只需要一个周期，那么利用Promise应该这样写：
现在一个周期已经有了，剩下的问题是如何让他无限循环。说道循环很容易想到
如果你是这样想的，那么恭喜你成功踩了坑！这道题的第二个考查点就是setTimeout相关的异步队列会挂起知道主进程空闲。如果使用while无限循环，主进程永远不会空闲，setTimeout的函数永远不会执行！ 正确的解决方法就是这道题的第三个考查点——递归！！！解决方案如下：
|
