Node.js中如何在不清除用户输入行的情况下输出控制台日志？

要实现日志追加在输入行上方、同时保持输入行活跃的效果，核心是在输出日志时暂存并恢复用户的输入状态，避免干扰用户输入。以下是完整解决方案：

问题分析 #

你原代码的核心问题：

• 未调用rl.prompt()，导致输入提示符>不显示
• 光标位置操作错误，会覆盖已有日志或输入内容
• 未保存用户当前输入，输出日志时会丢失正在输入的内容

完整实现代码 #

const readline = require('readline');

const rl = readline.createInterface({
  input: process.stdin,
  output: process.stdout,
  prompt: "> "
});

// 保存用户当前输入内容和光标位置
let currentInput = '';
let cursorPosition = 0;

// 处理用户输入完成的情况
rl.on('line', (line) => {
  log(`Received: ${line}`);
  currentInput = '';
  cursorPosition = 0;
  rl.prompt(); // 重新显示输入提示符
}).on('close', () => {
  console.log('程序退出');
  process.exit(0);
});

// 监听实时输入，记录输入内容和光标位置
process.stdin.on('data', (data) => {
  const inputStr = data.toString();
  
  switch (inputStr) {
    case '\u007F': // 退格键
      if (cursorPosition > 0) {
        currentInput = currentInput.slice(0, cursorPosition - 1) + currentInput.slice(cursorPosition);
        cursorPosition--;
      }
      break;
    case '\u001B[C': // 右箭头
      if (cursorPosition < currentInput.length) cursorPosition++;
      break;
    case '\u001B[D': // 左箭头
      if (cursorPosition > 0) cursorPosition--;
      break;
    default:
      // 处理普通字符输入（排除回车换行）
      if (!['\r', '\n'].includes(inputStr)) {
        currentInput = currentInput.slice(0, cursorPosition) + inputStr + currentInput.slice(cursorPosition);
        cursorPosition += inputStr.length;
      }
  }
});

// 初始化显示输入提示符
rl.prompt();

// 模拟定时日志输出
setInterval(() => {
  log("Hello World");
}, 1000);

/**
 * 日志输出函数：在输入行上方追加日志，不干扰用户输入
 */
function log(str) {
  // 清除当前输入行，光标移到行首
  readline.clearLine(process.stdout, 0);
  readline.cursorTo(process.stdout, 0);
  
  // 输出日志内容
  console.log(str);
  
  // 重新显示提示符和用户当前输入的内容
  process.stdout.write(rl.getPrompt() + currentInput);
  
  // 恢复光标到之前的位置
  readline.cursorTo(process.stdout, rl.getPrompt().length + cursorPosition);
}

关键实现细节 #

1. 输入状态暂存：通过监听process.stdin的data事件，记录用户正在输入的内容和光标位置，处理退格、左右箭头等常见编辑操作
2. 日志输出流程：
   • 先清除当前输入行，避免日志和输入内容重叠
   • 输出日志后，重新写入输入提示符和用户之前的输入内容
   • 恢复光标到用户之前的位置，保证输入体验不受影响
3. 提示符显示：初始化和用户输入完成后，调用rl.prompt()确保输入提示符正常显示

内容的提问来源于stack exchange，提问作者6gh