在Javascript中获取二进制数据可通过多种方式实现，以下是常用方法及示例：

一、使用 `ArrayBuffer` 和 `TypedArray`

创建空 `ArrayBuffer`

通过 `new ArrayBuffer(length)` 创建固定长度的字节序列，未初始化时默认值为0。 ```javascript

let buffer = new ArrayBuffer(16); // 创建16字节缓冲区

console.log(buffer); // 输出0

```

使用 `TypedArray` 访问数据

`TypedArray` 提供对 `ArrayBuffer` 的类型化访问，如 `Uint8Array`、`Int16Array` 等。 ```javascript

let uint8View = new Uint8Array(buffer);

uint8View = 255; // 修改第一个字节为255

console.log(uint8View); // 输出 [255, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]

```

二、通过网络请求获取二进制数据

使用 `XMLHttpRequest` （XHR）

可通过 `XHR2` 的 `responseType` 设置为 `'blob'` 或 `'arraybuffer'` 获取二进制数据。 ```javascript

let xhr = new XMLHttpRequest();

xhr.open('GET', 'data.bin', true);

xhr.responseType = 'arraybuffer';

xhr.onload = function() {

if (xhr.status === 200) {

let buffer = xhr.response;

// 处理二进制数据

}

};

xhr.send();

```

使用 `Fetch API`

更现代的接口，支持直接处理 `arraybuffer`。 ```javascript

fetch('data.bin')

.then(response =>

response.arrayBuffer())

.then(buffer =>

{

let uint8View = new Uint8Array(buffer);

// 处理二进制数据

})

.catch(error =>

console.error('Error:', error));

```

三、文件操作（浏览器环境）

读取用户上传的文件

通过 `` 获取文件后，使用 `FileReader` 读取为 `ArrayBuffer`。 ```html

```

四、其他场景

WebSocket：

通过设置 `binaryType` 为 `'arraybuffer'` 可接收二进制数据（如图像流）。- 文件系统操作：在Node.js环境中，可使用 `fs.readFile` 读取文件（非浏览器环境）。

注意事项

浏览器兼容性：`ArrayBuffer` 和 `TypedArray` 在现代浏览器中支持良好，但旧版本可能不兼容。- 数据转换：若需将二进制数据转换为字符串，可使用 `TextEncoder` 和 `Uint8Array` 结合 `Blob` 对象。- 性能优化：处理大文件时，建议使用流式处理（如 `ReadableStream`）以减少内存占用。

通过以上方法，可根据具体场景灵活获取二进制数据。