JS 任务队列与事件循环

// 假设我们有一个任务队列和一个事件循环
let taskQueue = []; // 任务队列
let eventLoop = []; // 事件循环
 
// 添加任务到队列
function queueTask(task) {
  taskQueue.push(task);
}
 
// 执行当前可运行的任务
function runCurrentTasks() {
  while (taskQueue.length > 0) {
    let task = taskQueue.shift();
    try {
      task();
    } catch (error) {
      console.error('Task failed:', error);
    }
  }
}
 
// 添加事件到循环
function postEvent(event) {
  eventLoop.push(event);
}
 
// 执行下一个事件
function performNextEvent() {
  if (eventLoop.length > 0) {
    let event = eventLoop.shift();
    try {
      event();
    } catch (error) {
      console.error('Event failed:', error);
    }
  }
}
 
// 示例任务和事件
function taskFunction() {
  console.log('Task is running.');
}
 
function eventFunction() {
  console.log('Event is triggered.');
}
 
// 使用示例
queueTask(taskFunction); // 添加任务到队列
postEvent(eventFunction); // 添加事件到循环
 
// 执行
runCurrentTasks(); // 运行任务
performNextEvent(); // 运行事件

这段代码演示了如何创建一个简单的任务队列和事件循环系统。queueTask函数用于将任务添加到队列中，runCurrentTasks函数用于执行队列中的任务。postEvent函数用于将事件添加到事件循环中，performNextEvent函数用于执行事件循环中的下一个事件。这个例子提供了一个基本框架，用于理解JavaScript中的异步处理和事件循环。