AbortController 无法直接取消 WebAuthn 指纹比对，因其不接受 signal 参数且操作系统弹窗不可被 JS 中止；仅能用于 JS 层协调：弹窗前监听取消、返回后检查 signal.aborted 以忽略过期结果、避免误处理。
在 JavaScript 中，AbortController 本身不能直接取消指纹识别（如 Web Authentication API 的 navigator.credentials.get()），因为该 API **不接受 signal 选项**，也不原生支持中止。但你可以通过合理的设计模式，在用户主动取消、超时或页面切换等场景下，**优雅地中断流程、避免后续误处理，并提示用户操作已失效**。
为什么 fingerprint 比对不能直接用 AbortController 取消
WebAuthn（指纹/面容识别）调用如：
navigator.credentials.get({password: false,
mediation: 'optional',
publicKey: { /* ... */ }
})
这个方法返回 Promise，但**不接收 signal 参数**，底层认证弹窗由操作系统控制，JS 无法强制关闭或中断正在进行的生物特征采集。所以 AbortController 无法真正“中止”硬件识别过程，只能用于协调 JS 层逻辑。
用 AbortController 管理比对生命周期（推荐做法）
虽然不能终止弹窗，但可以做到：弹窗出现前监听取消、弹窗返回后检查是否过期、避免重复提交或错误回调。关键是在 Promise resolve/reject 后，用 signal.aborted 判断是否还应继续处理结果。
立即学习“Java免费学习笔记（深入）”；
- 创建控制器并在发起认证前绑定取消逻辑（如点击“取消”按钮）
- 调用
navigator.credentials.get()，同时用Promise.race()包裹一个延时 reject（模拟超时） - 在 .then() 和 .catch() 中，先检查
signal.aborted，若为 true 则直接忽略结果、不执行登录/鉴权后续 - 确保 signal.abort() 被调用后，不再触发 UI 状态变更或 API 请求
实用代码示例（含超时与手动取消）
const controller = new AbortController();const { signal } = controller;
// 设置 60 秒超时
const timeoutId = setTimeout(() => controller.abort(), 60_000);
document.getElementById('cancel-btn').addEventListener('click', () => {
controller.abort();
});
navigator.credentials.get({ publicKey })
.then(credential => {
if (signal.aborted) return; // 忽略已取消的结果
// ✅ 安全：此时可继续验签、发请求
verifyAssertion(credential);
})
.catch(err => {
if (signal.aborted) return;
// 处理 WebAuthn 错误（如用户拒接、设备不可用）
handleAuthError(err);
})
.finally(() => clearTimeout(timeoutId));
补充建议：提升用户体验的细节
- 弹窗触发后立即禁用“确认”和“取消”按钮，防止重复点击
- 在 UI 显示“正在等待指纹验证…”并提供明确的取消入口（非仅靠关闭弹窗）
- 如果用户切走页面（
visibilitychange或pagehide），自动 abort 并清理状态 - 服务端也要校验 assertion 的 timestamp 和 challenge 有效期，避免客户端“延迟提交”造成安全漏洞
