Inquirer.js 中处理嵌套提示与 Ctrl+C 中断的最佳实践

在开发基于 Inquirer.js 的命令行交互应用时，处理嵌套提示和用户中断(特别是 Ctrl+C)是一个常见但容易出错的场景。本文将深入探讨这一问题的技术细节和解决方案。

问题背景

当使用 Inquirer.js 创建多级菜单系统时，开发者通常会遇到以下典型场景：

• 主菜单循环运行，等待用户选择
• 选择某个选项后进入子菜单或特定输入流程
• 用户可能在任何时候按下 Ctrl+C 试图取消当前操作

理想情况下，Ctrl+C 应该：

1. 在子菜单中：取消当前操作，返回主菜单
2. 在主菜单中：退出整个程序

核心挑战

实现上述行为面临几个技术难点：

1. 标准输入流管理：Ctrl+C 会关闭 stdin 流，导致后续提示无法工作
2. 错误传播：需要区分不同类型的错误(用户取消 vs 真实错误)
3. 状态清理：中断时需要正确清理正在进行的异步操作

解决方案

1. 基础错误处理

Inquirer.js 在用户取消时会抛出特定错误，可以通过检查错误类型来处理：

try {
  const answer = await inquirer.prompt(...);
} catch (error) {
  if (error.constructor.name === "ExitPromptError") {
    // 用户取消处理逻辑
  }
}

2. 标准输入流恢复

Ctrl+C 会关闭 stdin 流，需要在捕获错误后显式恢复：

process.stdin.resume();

3. 多级菜单实现

对于嵌套菜单系统，推荐采用以下模式：

async function mainMenu() {
  while (true) {
    try {
      const choice = await showMainMenu();
      await handleChoice(choice);
    } catch (error) {
      if (isCancelError(error)) {
        // 返回主菜单或退出
      }
    }
  }
}

async function handleChoice(choice) {
  switch (choice) {
    case 'submenu':
      return await showSubMenu();
    // 其他选项处理
  }
}

4. 增强型包装函数

可以创建一个通用包装函数来处理所有提示的中断：

async function safePrompt(promptFn, options) {
  try {
    return await promptFn(options);
  } catch (error) {
    if (isCancelError(error)) {
      process.emit('SIGINT');
      return null;
    }
    throw error;
  }
}

最佳实践建议

1. 统一错误处理：为所有提示建立一致的中断处理机制
2. 资源清理：在 SIGINT 处理程序中清理所有正在进行的操作
3. 状态管理：明确区分主菜单和子菜单状态
4. 用户反馈：在中断操作时提供清晰的反馈信息

完整示例

以下是一个实现了上述所有要点的示例：

let isExiting = false;

process.on('SIGINT', () => {
  if (!isExiting) {
    console.log('正在退出...');
    isExiting = true;
    // 执行清理工作
    process.exit(0);
  }
});

async function main() {
  while (!isExiting) {
    try {
      const action = await safePrompt(inquirer.prompt, {
        type: 'list',
        name: 'action',
        message: '主菜单',
        choices: ['操作1', '操作2', '退出']
      });
      
      if (action === '退出') {
        process.emit('SIGINT');
        continue;
      }
      
      await handleAction(action);
    } catch (error) {
      console.error('发生错误:', error);
    }
  }
}

async function handleAction(action) {
  try {
    if (action === '操作1') {
      const subChoice = await safePrompt(inquirer.prompt, {
        type: 'input',
        name: 'data',
        message: '请输入数据'
      });
      // 处理子操作...
    }
  } catch (error) {
    if (isCancelError(error)) {
      console.log('操作已取消');
      return;
    }
    throw error;
  }
}

通过以上方法，开发者可以构建健壮的、支持嵌套菜单和正确处理用户中断的命令行应用。关键是要建立统一的错误处理机制，并在整个应用生命周期中妥善管理标准输入流和异步操作状态。