ES6中的TypedArrays是什么？它们与普通数组有何不同？

ES6中的TypedArrays

ES6中的TypedArrays，即类型化数组，是一类指定元素类型的数组，而不是实际的数组类型。它们提供了一种用于处理二进制数据的接口，可以让我们像操作数组一样直接操作内存中的二进制数据。

文末有我帮助400多位同学成功领取到前端offer的场景题哦

TypedArrays与普通数组的不同之处

1. 元素类型：
   1. 普通数组的元素类型可以是任意的JavaScript值（如数字、字符串、对象等）。
   2. TypedArrays的元素类型则是固定的，有特定的几种类型（如Int8Array、Uint8Array、Float32Array等），每个元素都只能存储指定大小的数字。
2. 内存操作：
   1. 普通数组在JavaScript引擎中通常是以对象的形式存储的，其元素可以动态改变类型和大小。
   2. TypedArrays则直接与ArrayBuffer关联，ArrayBuffer是一块固定大小的内存区域，TypedArrays是这块内存区域的一个视图，用于以特定类型的方式解释内存中的数据。因此，TypedArrays提供了更底层的内存操作方式，性能上可能更优。
3. 性能：
   1. 由于TypedArrays直接与内存操作相关，因此它们在处理大量数值型数据（如音频、视频、图像处理等）时，性能通常比普通数组更优。
4. 创建方式：
   1. 普通数组可以直接通过new Array()或数组字面量方式创建。
   2. TypedArrays则需要通过特定的构造函数（如new Int8Array()）创建，并且通常与ArrayBuffer一起使用。
5. 取值范围：
   1. 普通数组没有取值范围限制，可以存储任意大小的数字（在JavaScript的Number范围内）。
   2. TypedArrays的每个元素都只能存储指定大小的数字，如果超出范围，会进行特定的转换（如截断或溢出）。例如，new Uint8Array([256, 257, 258])将输出[0, 1, 2]，因为Uint8Array的每个元素都是一个无符号的8位整数，取值范围在0到255之间。
6. 与ArrayBuffer的关系：
   1. TypedArrays是基于ArrayBuffer的视图，它们共享相同的内存区域，但解释数据的方式不同。
   2. 普通数组则与ArrayBuffer没有直接的关系。
7. 用途：
   1. TypedArrays主要用于处理二进制数据，特别是在与WebGL、WebAssembly、File API等交互时。
   2. 普通数组则用于存储和操作一般的JavaScript数据。

堪称2024最强的前端面试场景题，让421人成功拿到offer