JavaScript 面试异步模拟红绿灯实现详解

引言

异步编程是开发者无法回避的核心议题，无论是在日常项目构建还是技术面试环节，各类复杂场景层出不穷。深入剖析这些案例，有助于拓宽技术视野，激发逻辑思维，并提升解决复杂问题的综合能力。

红绿灯状态模拟是异步编程领域的经典案例，网络上的实现方案多种多样。本文将介绍一种具有独特视角的设计思路。

问题拆解

红绿灯切换是生活中的常见现象，理解其逻辑并无难度。本案例的核心在于如何模拟红绿灯状态的无缝衔接与持续轮询机制。

分析实现路径，我们可以借助 while 循环确保红绿灯状态的无限持续切换；同时，利用 for await 语法可以将异步操作转化为同步执行的逻辑，使代码结构更加清晰。

代码设计

//模拟异步请求资源
function loadSource (target) {
  return new Promise((resolve,reject)=>{
    setTimeout(() => {
      resolve(target.color)
    }, target.delay);
  })
}
//核心的红绿灯逻辑
async function lightTransform (lights) {
  while(true) {
    for(let i=0;i<lights.length;i++) {
      let res = await loadSource(lights[i])
      console.log(res)
    }
  }
}
//数据封装式的调用
lightTransform([
  {color:"red",delay:1000},
  {color:"green",delay:2000},
  {color:"yellow",delay:3000}
])

效果演示

核心讲解

整体设计逻辑相对简洁。代码中通过数组对象对红绿灯数据进行封装，包含颜色与延迟时间。为了实现状态的持续转换，外层使用 while 循环进行无限迭代；内部则通过 for await 将异步加载过程转换为同步代码块，确保各状态按顺序依次执行。

以上即为 JavaScript 面试中异步模拟红绿灯实现的详细解析，更多相关技术内容欢迎查阅本站其他文章。