ES6数字的那些新特性，你了解多少？

前端

2022-11-12 00:37:15

ES6 数字探索：深入浅出，全面解析

在数字的世界里，ES6 带来了一场革命，扩大了我们的数字处理能力，并提供了更精细的运算工具。让我们踏上一次探索之旅，深入了解 ES6 数字的迷人之处。

运算符：精益求精

ES6 为我们提供了比以往更多的方式来操作数字，包括：

等于运算符 (===)： 严格比较两个值，同时考虑值和类型。
不等于运算符 (!==)： 严格比较两个值，同时考虑值和类型。
**比较运算符 (>, <, >=, <=)：** 比较两个数字的大小，返回布尔值。
相等运算符 (==)： 比较两个值，不考虑类型。
不等运算符 (!=)： 比较两个值，不考虑类型。

逻辑运算符：掌控真假

ES6 提供了三个逻辑运算符，用于组合布尔值：

与运算符 (&&)： 只有当两个操作数都为 true 时才返回 true。
或运算符 (||)： 只要两个操作数中有一个为 true，就返回 true。
非运算符 (!)： 将操作数取反，将 true 变为 false，将 false 变为 true。

位运算符：二进制的奥妙

ES6 引入了五个位运算符，用于操作数字的二进制表示：

按位与运算符 (&)： 对两个操作数的二进制位执行与运算。
按位或运算符 (|)： 对两个操作数的二进制位执行或运算。
按位非运算符 (~)： 对操作数的二进制位执行非运算。
按位异或运算符 (^)： 对两个操作数的二进制位执行异或运算。
左移运算符 (<<)： 将操作数的二进制位向左移动。
右移运算符 (>>)： 将操作数的二进制位向右移动。
无符号右移运算符 (>>>)： 将操作数的二进制位向右移动，高位补 0。

数值范围：无垠天地

ES6 显著扩展了数字范围：

安全整数： 范围为 -2^53 到 2^53-1，不会发生溢出。
大整数： 使用 BigInt 类型表示，范围为 -2^1024 到 2^1024-1。

代码示例

让我们通过代码示例来探索这些概念：

// 运算符示例
const result1 = 10 === "10"; // false（严格比较）
const result2 = 10 == "10"; // true（不严格比较）
const result3 = 5 > 3; // true

// 逻辑运算符示例
const isTrue = (10 > 5) && (5 < 10); // true

// 位运算符示例
const binary1 = 0b1010; // 10
const binary2 = 0b0110; // 6
const result4 = binary1 & binary2; // 0b0010（按位与）

// 数值范围示例
const bigNumber = 12345678901234567890n; // BigInt 类型