本文介绍在流式文本转语音场景中，如何在保持 await 顺序执行的同时，实现对异步操作链（如 send_voice）的即时中断，避免“幽灵请求”继续执行。核心方案是结合可取消的 Promise、AbortController 和状态轮询机制。
本文介绍在流式文本转语音场景中，如何在保持 `await` 顺序执行的同时，实现对异步操作链（如 `send_voice`）的即时中断，避免“幽灵请求”继续执行。核心方案是结合可取消的 promise、`abortcontroller` 和状态轮询机制。
在实时语音合成系统中，逐句发送文本以降低延迟是常见做法。但当用户中途触发中断（如点击停止按钮），仅在 for await 循环中 break 并不能终止已发起的 await send_voice(...) 调用——这些 Promise 仍在后台运行，可能造成资源浪费、音频重叠或状态不一致。
根本问题在于：JavaScript 的 await 本身不可取消，Promise 一旦进入 pending 状态，就无法被外部强制中止。
✅ 正确解法不是“阻止 await”，而是让每个 send_voice 调用主动感知中断信号并在执行前/执行中退出。推荐采用以下工业级实践：
✅ 推荐方案：使用 AbortController + 可取消的 send_voice
首先改造 send_voice，使其接受 AbortSignal 参数，并在关键步骤检查中止状态：
当用户要求为 Java 代码添加注释、修改注释、审查注释、整理注释格式，或要求按照代码注释规范处理 Java 文件时，使用本技能。本技能用于统一生成和维护 Java 类注释模板、按 Git 对比 release 判断版本号、补充每行代码上方中文块注释、调整注释空行规则，并保持 Java 文件 UTF-8 无 BOM 编码。典型触发场景包括：补充类注释、更新 @version、检查 @author 来源、整理行尾注释、把注释放到代码上一行、检查注释是否符合规范、构建前检查 Java 注释风格。
立即学习“Java免费学习笔记（深入）”；
async function send_voice(text, ws, apiKey, voiceId, interruptionState, signal) {
// ✅ 第一时间检查中断状态（同步）
if (interruptionState.value || signal?.aborted) {
console.log("❌ send_voice cancelled before execution");
return;
}
try {
// ✅ 在实际网络请求中传入 signal（如 fetch）
const res = await fetch("https://api.elevenlabs.io/v1/text-to-speech/...", {
method: "POST",
headers: { "xi-api-key": apiKey },
body: JSON.stringify({ text, voice_id: voiceId }),
signal, // ← 关键：传递中止信号
});
if (!res.ok) throw new Error(`HTTP ${res.status}`);
const audioBlob = await res.blob();
// ... 后续音频流式传输逻辑（同样需定期检查 signal.aborted）
} catch (err) {
if (err.name === "AbortError") {
console.log("⚠️ send_voice network request aborted");
} else {
console.error("❌ send_voice failed:", err);
}
}
}然后，在主循环中统一管理中断信号：
// 创建全局 AbortController（每次新会话时新建）
const controller = new AbortController();
// 监听外部中断事件（如按钮点击）
document.getElementById("stop-btn").addEventListener("click", () => {
controller.abort(); // → 触发所有关联 signal.aborted = true
interruptionState.value = true;
});
// 主处理逻辑
const stream = await openai.chat.completions.create({
model: "gpt-3.5-turbo",
messages: conversation_history,
stream: true,
});
let sentence = "";
for await (const chunk of stream) {
if (controller.signal.aborted) {
console.log("? Stream loop exited due to abort");
break; // 立即退出流迭代
}
const content = chunk.choices[0]?.delta?.content || "";
sentence += content;
if ([".", "!", "?"].some(ending => sentence.endsWith(ending))) {
console.log("✅ Final sentence:", sentence);
conversation_history.push({ role: "system", content: sentence });
// ✅ 将 controller.signal 传入，使 send_voice 可被中止
await send_voice(sentence, ws, elleven_key, voice_id, interruptionState, controller.signal);
sentence = "";
}
}⚠️ 注意事项与最佳实践
-
不要依赖轮询
interruptionState.value：原答案中checkInterruptionState()使用setInterval轮询的方式低效且易出竞态；AbortController是浏览器原生、零开销、事件驱动的标准方案。 -
每个
send_voice必须独立接收signal：确保每次调用都绑定当前控制器的 signal，避免旧 signal 影响新请求。 -
清理资源：若
send_voice内部创建了 WebSocket、定时器或音频上下文，请在catch或finally块中手动清理。 -
状态同步：
interruptionState.value应与controller.signal.aborted保持语义一致（例如controller.signal.addEventListener('abort', () => interruptionState.value = true)）。
✅ 总结
中断 Promise 链的关键不是“停止 await”，而是让异步任务具备响应式取消能力。通过 AbortController，你既能保证句子严格串行合成（无并发冲突），又能实现毫秒级中断响应——这才是现代 Web 音频与流式 AI 应用的健壮基础。
