ES12（也称为 ES2021）是 JavaScript 语言的最新版本，它带来了很多新的特性和改进，其中包括数字方面的一些变化。在本文中，我们将介绍 ES12 中的数字相关的十件事情，帮助你更好地掌握这些新特性。
1. BigInt 类型
在 JavaScript 中，数字类型默认是使用 64 位双精度浮点数来表示的，这意味着它们的范围是有限的。如果你需要处理超出这个范围的整数，那么 BigInt 类型就派上用场了。BigInt 是一种新的数字类型，它可以表示任意精度的整数值。
BigInt 类型的语法很简单，只需要在数字后面加上一个 n 就可以了，例如：
const bigNum = 123456789012345678901234567890n;
2. 改进的 Math API
ES12 还改进了 Math API，增加了一些新的函数，例如 Math.clamp()、Math.scale()、Math.degrees() 和 Math.radians() 等。这些新函数可以让你更方便地进行数学计算。
下面是一些示例代码：
-- -------------------- ---- ------- -- -- ------------ -------------- ----- --- - --- ----- --- - --- ----- --- - --- ----- ---------- - --------------- ---- ----- -- -- -- -- -- ------------ ------------------ ----- ----- - -- ----- ------- - -- ----- -------- - --- ----- ----- - -- ----- ------ - ---- ----- ----------- - ----------------- -------- --------- ------ -------- -- -- -- -- -- -------------- ------------ ----- ------- - ------- - -- ----- ------- - ---------------------- -- -- -- -- -- -------------- ------------ ----- ------- - --- ----- ------- - ---------------------- -- -- ------------------
3. 精度问题的解决
在 JavaScript 中，由于浮点数的精度问题，有时候会出现一些奇怪的计算结果。ES12 引入了一个新的函数 Math.fround()，可以帮助你解决这个问题。
Math.fround() 函数可以将一个浮点数转换为最接近它的 32 位单精度浮点数，从而减少精度误差。下面是一个示例代码：
const num1 = 0.1; const num2 = 0.2; const sum = num1 + num2; // 返回 0.30000000000000004 const roundedSum = Math.fround(num1) + Math.fround(num2); // 返回 0.3
4. 数字分隔符
ES12 还增加了数字分隔符的支持，可以让你在数字中插入下划线，从而提高可读性。下面是一个示例代码：
const bigNum = 123_456_789;
5. 新的指数运算符
ES7 引入了一个指数运算符 **，可以用来计算一个数字的幂次方。ES12 进一步增强了这个运算符，可以让你使用指数运算符来进行左移和右移运算。
下面是一些示例代码：
-- -------------------- ---- ------- -- ------------ ----- --- - -- ----- ----- - --- -- -- -- -- - -- ---------------- ----- ---- - --- ----- ---- - -- ----- ----------- - ---- -- ----- -- -- -- ----- ------------ - ---- -- ------ -- -- ----
6. 进制字面量
ES6 引入了二进制和八进制字面量的支持，ES12 进一步增加了十六进制和二十六进制字面量的支持。
下面是一些示例代码：
const binary = 0b1010; // 二进制字面量 const octal = 0o755; // 八进制字面量 const hex = 0x1f; // 十六进制字面量 const base26 = 0zabcd; // 二十六进制字面量
7. 数组的 reduce() 方法支持 BigInt
在 ES12 中，数组的 reduce() 方法可以支持 BigInt 类型的计算。下面是一个示例代码：
const nums = [1n, 2n, 3n, 4n]; const sum = nums.reduce((acc, cur) => acc + cur); // 返回 10n
8. 数字函数的增强
ES12 进一步增强了一些数字函数的功能，例如 parseInt()、parseFloat() 和 Number.isNaN() 等。
下面是一些示例代码：
-- -------------------- ---- ------- -- -- ---------- --------- ----- ---- - ---------------- --- -- -- -- ----- ---- - ----------------- -- -- -- -- -- ------------ --------- ----- ---- - ------------------------------------- -- -- ----------------- ----- ---- - ------------------------------------ ---- -- -- ------------ -- -- -------------- ---------- --- - ----- ---- - ---- ----- --------- - ------------------- -- -- ---- ----- ----------- - ----------------- - --------- -- -- -----
9. 大整数运算
ES12 引入了一个新的库 BigIntMath，可以让你更方便地进行大整数运算。这个库提供了一些常用的大整数运算函数，例如 add()、sub()、mul() 和 div() 等。
下面是一个示例代码：
import { add, sub, mul, div } from "bigint-math";
const num1 = 123456789012345678901234567890n;
const num2 = 987654321098765432109876543210n;
const sum = add(num1, num2); // 返回 1111111111111111111111111111111n
const diff = sub(num1, num2); // 返回 -86419753208641975320864197532n
const product = mul(num1, num2); // 返回 12193263113702179562098776546854196430246913580246913580246n
const quotient = div(num1, num2); // 返回 124n10. 性能提升
ES12 中的一些数字特性还可以带来性能的提升。例如，使用 BigInt 类型可以避免在处理大整数时产生的性能问题，使用 Math.fround() 函数可以减少精度误差，从而提高计算的准确性和效率。
结论
ES12 中的数字特性为 JavaScript 开发者提供了更强大和方便的数字处理能力。从 BigInt 类型到新的 Math API，从数字分隔符到大整数运算，这些新特性都可以让你更轻松地进行数字计算和处理。同时，这些特性也提高了 JavaScript 的性能和准确性，使得它成为更加强大的编程语言。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/673d7d3ade2dedaeef3a5bec