众所周知，JavaScript 中默认的数字类型 Number 表示的数字范围有限，且精度有限。这在处理大数计算或进行精确计算时会带来很大的困扰。ES12 为我们提供了两个新的解决方案：BigInt 和 ArrayBuffer。
BigInt
BigInt 是 ES2020 中引入的一种新的数据类型，它可以表示任意精度的整数，即使超出了 JavaScript 中 Number 类型可以表示的范围。BigInt 类型的值需要以 N 结尾来标识，例如：
const x = 9007199254740991n;
BigInt 类型的值可以进行常见的数学运算，如加减乘除、取余等。但需要注意的是，BigInt 类型的值不能直接与 Number 类型的值进行运算，需要通过 BigInt() 函数将 Number 类型的值转换为 BigInt 类型。例如：
const x = 9007199254740991n; const y = BigInt(9007199254740992); const z = x + y; // TypeError: Cannot mix BigInt and other types, use explicit conversions
BigInt 类型的值也支持位运算，例如左移、右移、按位与、按位或、按位异或等。但需要注意，BigInt 类型的值无法进行按位非运算（即取反运算）。
ArrayBuffer
ArrayBuffer 是一种通用的数据容器，它可以用来存储不同类型的数据，包括二进制数据。ArrayBuffer 的长度是固定的，并且不能直接访问其中的数据。需要通过 TypedArray 或 DataView 对象来访问和修改 ArrayBuffer 中的数据。
TypedArray 是一种类数组对象，它可以访问和修改 ArrayBuffer 中的数据，并以固定的格式进行解析和序列化。常用的 TypedArray 类型包括 Int8Array、Uint8Array、Uint16Array、Int32Array 等。
DataView 是一种可以访问和修改 ArrayBuffer 中的数据的对象，它可以按照不同的字节序（大端序或小端序）来解析和序列化数据。
下面是 ArrayBuffer 的一个示例：
-- -------------------- ---- ------- -- ---- - --- ----------- -- ----- ------ - --- --------------- -- ---- -- --------------------- ----------- ----- -------- - --- ------------------- -- ------- - - - ----------- - -- ----------- - -- -- ----------- ----- --- - ------------------- -- -- - - -- --- -- -- -
应用场景
BigInt 和 ArrayBuffer 两种新的数据类型都可以帮助我们解决 JavaScript 中的精度问题，尤其是在大数计算和精确计算时，很有用处。比如在进行密码学计算、金融计算和物理计算时，BigInt 和 ArrayBuffer 均可以派上用场。
除此之外，BigInt 和 ArrayBuffer 也可以用来压缩和序列化数据，以及进行二进制数据传输等。
总结
ES12 中新增的两种数据类型 BigInt 和 ArrayBuffer 提供了一种解决 JavaScript 中精度问题的全新方式。BigInt 可以表示任意精度的整数，ArrayBuffer 可以存储不同类型的数据，并且可以进行二进制数据操作。这两种数据类型都有着广泛的应用场景，可以帮助开发者在处理大量数据时更轻松、更高效地完成任务。如果你从事与精确计算或二进制数据处理相关的领域，记得学习和掌握BigInt 和 ArrayBuffer。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64d2181ab5eee0b525978428