在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`）以减少内存占用。
通过以上方法，可根据具体场景灵活获取二进制数据。