一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第15天，点击查看活动详情
Promise在ES6中是一个比较常见的东西，它不仅可以用来处理多个接口相互依赖请求，解决地狱回调的问题，还能在很多场景中进行应用，今天我们就以一个Promise实现红绿的的实例来作为对Promise异步作用的学习，同时配合async awiat的使用进行实现
需求分析
首先我们分析以下红绿灯的实现过程需要哪些东西，第一是三个红绿黄三个颜色的灯，然后每个灯之间会进行切换，比如绿灯5s亮然后黄灯亮2s，最后是红灯3s，一个流程过后则是进行一个循环，重新到绿灯亮。
- 三种颜色进行亮灯
- 定时时间
- 循环切换
首先设置一个定时器接收亮灯和亮灯的时间，我们需要用到一个定时器函数接收俩个参数，亮灯颜色和亮灯时间，然后设置一个Promise，由于Promise是一个异步操作，只有发生状态响应的时候，才会继续执行后续的操作，那么我们先在Promise中将颜色打印出来，然后通过一个定时器设置时间延时，延时相当于就是亮灯的时间，因为我们亮灯了，然后延时，就会造成一种灯在这段时间一直亮着的效果
async function timer(color，delay){
return new Promise((res,rej)=>{
console.log(color)
setTimeout(() => {
res()
}, delay);
})
}
从上面操作我们可以看出我们声明了一个异步函数，返回了一个Promise，亮灯后定时进行resolve(),才能进入到下一步骤，所以我们已经完成了亮灯和延时，现在我们对三个颜色的灯配合async await进行三个灯的实现
async function light(){
await timer('green',1000)
await timer('yellow',2000)
await timer('red',3000)
}
我们可以看到现在三个灯是三个独立的异步函数，分步进行执行，由于await返回的也是一个Promise,所以awit的函数必须执行完才能执行下一个函数，这样就是为什么上面会用到定时器调用res()的原因了，只有上一个灯执行完才能进行下一个灯，现在三个灯理论上已经是可以按顺序切换显示的了，最后我们给他进行循环显示
async function light(){
await timer('green',1000)
await timer('yellow',2000)
await timer('red',3000)
await light()
}
light()
我们在代码块中让切换灯的函数在最后调用自己，这样每一个循环结束都会开始重新调用
