Fetch API 新增 Uint8Array 数据获取方法的技术解析

在 WHATWG 的 Fetch 规范中，Body 接口作为处理网络响应体的核心组件，长期以来只提供了 arrayBuffer() 方法来获取二进制数据。然而，这一设计在实际开发中存在明显不足，开发者社区对此提出了改进建议。

现有问题分析

当前 Body 接口的 arrayBuffer() 方法返回一个 ArrayBuffer 对象，但 ArrayBuffer 本身并不能直接访问其中的数据。开发者必须通过类型化数组（如 Uint8Array）来读取和操作这些二进制数据。这导致开发者不得不编写额外的转换代码：

const uint8Array = new Uint8Array(await response.arrayBuffer());

这种模式不仅增加了代码复杂度，还可能导致不必要的内存分配和性能开销。在实际应用中，Uint8Array 作为处理二进制数据的标准视图，比 ArrayBuffer 的使用频率要高得多。

技术解决方案

为了解决这一问题，Fetch 规范将新增一个 bytes() 方法，该方法直接返回一个包含响应体数据的 Uint8Array 对象。这一改进将带来以下优势：

1. 简化开发者代码：无需手动创建视图对象
2. 提高性能：避免中间转换步骤
3. 符合开发者直觉：直接返回最常用的二进制数据视图

实现细节与兼容性

这一变更不仅影响 Fetch API 的核心 Body 接口，还需要同步更新相关接口：

1. PushMessageData：用于处理推送消息数据的接口
2. Blob：二进制大对象接口

各主要浏览器引擎（WebKit、Chromium）已表示支持这一改进。考虑到向后兼容性，现有的 arrayBuffer() 方法将继续保留，但推荐新代码使用 bytes() 方法。

实际应用示例

新的 API 使用方式将更加简洁：

// 旧方式
const oldWay = new Uint8Array(await response.arrayBuffer());

// 新方式
const newWay = await response.bytes();

这一改进特别适合以下场景：

• 处理图片、音频等二进制资源
• 实现自定义协议解析
• 与 WebAssembly 交互
• 加密操作和哈希计算

总结

Fetch API 新增的 bytes() 方法是对现有二进制数据处理流程的重要优化，体现了 WHATWG 对开发者体验的持续关注。这一改进将使 Web 平台处理二进制数据的能力更加完善和高效。