atob不能直接处理WebSocket二进制流，需先提取纯Base64字符串（去前缀、换行、空格），再用atob解码为Latin-1字节串，最后通过Uint8Array.from(byteString, c => c.charCodeAt(0))转为高效内存数组。
atob 本身不能直接处理 WebSocket 传来的二进制数据流，它只接受纯 Base64 字符串并返回 Latin-1 字符串。真正的关键在于：WebSocket 收到的 Base64 数据必须先被正确提取（去前缀、去换行），再用 atob 解码为字节字符串，最后转成 Uint8Array 才算完成“高效内存数组”的转化。
确认 WebSocket 接收的是纯 Base64 字符串
WebSocket 消息可能是文本（string）或二进制（ArrayBuffer/Blob）。若后端主动发送的是 Base64 编码后的字符串（常见于调试或轻量协议），需确保：
- 消息类型为 text，即
event.data是字符串 - 该字符串不含 Data URI 前缀（如
data:application/octet-stream;base64,） - 已清除换行符、空格等非法 Base64 字符：
base64Str.replace(/[\s=]+$/g, '')
用 atob + Uint8Array 构建紧凑内存数组
atob 返回的是每个字符对应一个字节的字符串（即 Latin-1 字符串），必须逐字符转为数字才能生成真正可用的二进制视图：
WebSocket 8.18.2
下载
WebSocket 8.18.2 是该协议规范的一个重要迭代版本，主要优化了连接稳定性与数据传输效率。它通过全双工通信机制，允许客户端与服务器在单一长连接上实时交换数据，大幅降低传统 HTTP 轮询的开销。该版本增强了心跳保活、自动重连及二进制帧传输能力，适用于即时通讯、在线游戏及金融行情推送等低延迟场景，为开发者提供更可靠的实时网络交互基础。
- 调用
atob(cleanedBase64)得到字节字符串 - 用
Uint8Array.from(byteString, c => c.charCodeAt(0))一次性构造数组（比循环赋值更简洁高效） - 避免使用普通
Array或Buffer（非浏览器环境不支持），Uint8Array 是浏览器中操作二进制数据的标准内存结构
处理大体积 Base64 数据时的注意事项
Base64 解码会临时产生约 1.33 倍原始体积的字符串，可能触发内存压力：
- 单次传输建议控制在 5MB 原始数据以内（即 Base64 约 6.7MB 字符串）
- 对超长 Base64，可分块解码（按 4 字符一组解析，手动查表还原 3 字节），但实现复杂，一般推荐后端改用 ArrayBuffer 直传
- 解码后立即创建
new Blob([uint8Array], {type: 'application/octet-stream'})可释放中间字符串引用，利于 GC
完整示例：从 onmessage 到 Uint8Array
假设 WebSocket 收到的是 PDF 的 Base64 字符串：
ws.onmessage = function(event) {
if (typeof event.data !== 'string') return;
// 提取 Base64 主体（移除 data:...;base64, 前缀）
const base64Data = event.data.split(',')[1] || event.data;
const cleaned = base64Data.replace(/[\n\r\s]/g, '');
try {
const byteString = atob(cleaned);
const uint8 = Uint8Array.from(byteString, c => c.charCodeAt(0));
// ✅ 此时 uint8 就是高效、可直接用于 FileReader / Canvas / WebCrypto 的内存数组
console.log('成功获得', uint8.length, '字节的 Uint8Array');
} catch (e) {
console.error('Base64 解码失败:', e.message);
}
};
