说说你对ArrayBuffer的理解！它和Array有什么区别？

ArrayBuffer 和 Array 在 JavaScript 中扮演着不同的角色，尽管它们都处理数据。理解它们的关键区别在于它们如何存储和表示数据。

ArrayBuffer:

底层二进制数据容器: ArrayBuffer 代表原始的二进制数据块，它本身不提供任何机制来访问或操作这些数据。它仅仅是内存中的一块区域，用于存储字节。你可以把它想象成一块未格式化的硬盘空间。
定长: 创建 ArrayBuffer 时必须指定其大小（以字节为单位），并且该大小在创建后是固定的，无法更改。
需要视图 (Typed Arrays 或 DataView) 来访问: 为了操作 ArrayBuffer 中的数据，你需要使用“视图”。 Typed Arrays (例如 Int8Array, Uint16Array, Float32Array 等) 和 DataView 提供了以特定数据类型解释和操作底层二进制数据的方法。不同的 Typed Array 提供了不同的数据类型解读方式（例如整数、浮点数等），而 DataView 允许以不同类型和偏移量访问数据。
高效处理二进制数据: ArrayBuffer 和 Typed Arrays 非常适合处理二进制数据，例如图像、音频、视频和网络协议数据，因为它们可以直接操作底层字节，从而提高性能。

Array:

JavaScript 数组: Array 是 JavaScript 中的标准数组对象，可以存储任何 JavaScript 数据类型，包括数字、字符串、对象、甚至其他数组。
动态大小: Array 的大小是动态的，可以根据需要自动增长或缩小。你不需要预先指定其大小。
直接访问元素: 你可以使用索引直接访问和修改 Array 中的元素。
更灵活，但效率可能较低: Array 的灵活性使其更易于使用，但对于处理大量数值或二进制数据时，效率可能不如 ArrayBuffer 和 Typed Arrays。这是因为 Array 存储的是 JavaScript 对象，而每个对象都有额外的开销。

总结区别:

特性	ArrayBuffer	Array
数据类型	原始二进制数据	任何 JavaScript 数据类型
大小	固定，创建时指定	动态，可自动调整
访问方式	通过 Typed Arrays 或 DataView	直接通过索引
用途	二进制数据处理 (图像、音频、网络等)	通用数据存储
效率	处理二进制数据时效率高	处理大量数值或二进制数据时效率可能较低

示例:

// ArrayBuffer
const buffer = new ArrayBuffer(16); // 创建一个 16 字节的 ArrayBuffer

const int32View = new Int32Array(buffer); // 创建一个 Int32Array 视图
int32View[0] = 12345; // 将第一个元素设置为 12345

// Array
const arr = [];
arr.push(12345); // 添加一个元素
arr.push("hello"); // 添加不同类型的元素
arr[0] = 54321; // 修改元素