240 - 数值分隔符 - 分隔符语法 - 数值分隔符的使用格式

数值分隔符 - 分隔符语法 - 数值分隔符的使用格式

在前端开发中，JavaScript 不断发展，为开发者带来了许多实用的新特性。数值分隔符就是其中一个方便且实用的特性，它能够显著提升代码的可读性。接下来，我们就深入探讨数值分隔符的相关内容。

什么是数值分隔符

数值分隔符是 ES2021 引入的一项新特性，允许在数字字面量中使用下划线（_）作为分隔符，以便更清晰地表示数字的分组。这种分隔符对数字的值没有任何影响，仅仅是为了提高代码的可读性，尤其是在处理大数字时。

数值分隔符的使用格式

数值分隔符可以用在多种类型的数字字面量中，下面分别介绍不同类型数字的使用格式。

整数

对于整数，我们可以在数字之间插入下划线来对数字进行分组，通常按照千位进行分隔，就像我们在书写大数字时会用逗号分隔一样。

// 未使用数值分隔符
const numWithoutSeparator = 1000000;
// 使用数值分隔符
const numWithSeparator = 1_000_000;
console.log(numWithoutSeparator); // 输出: 1000000
console.log(numWithSeparator);    // 输出: 1000000

在这个例子中，1_000_000 和 1000000 在数值上是完全相等的，但使用分隔符后，代码的可读性明显提高。

小数

数值分隔符同样适用于小数，既可以在整数部分使用，也可以在小数部分使用。

// 未使用数值分隔符
const decimalWithoutSeparator = 1234.5678;
// 使用数值分隔符
const decimalWithSeparator = 1_234.567_8;
console.log(decimalWithoutSeparator); // 输出: 1234.5678
console.log(decimalWithSeparator);    // 输出: 1234.5678

二进制、八进制和十六进制

数值分隔符也支持二进制（以 0b 开头）、八进制（以 0o 开头）和十六进制（以 0x 开头）的数字。

// 二进制
const binaryWithSeparator = 0b1010_1010;
console.log(binaryWithSeparator); // 输出: 170
// 八进制
const octalWithSeparator = 0o123_456;
console.log(octalWithSeparator);  // 输出: 42798
// 十六进制
const hexWithSeparator = 0x123_abc;
console.log(hexWithSeparator);    // 输出: 1195964

使用规则和注意事项

虽然数值分隔符很方便，但在使用时也有一些规则和注意事项需要遵循。

分隔符位置

• 分隔符不能出现在数字的开头或结尾。例如，_100 和 100_ 都是无效的。
• 分隔符不能连续出现。例如，1__000 是无效的。
• 分隔符不能出现在小数点的两侧。例如，100_.50 和 100._50 都是无效的。

与其他语法的结合

数值分隔符可以与指数表示法结合使用。

const exponentialWithSeparator = 1_000e-3;
console.log(exponentialWithSeparator); // 输出: 1

总结

数值分隔符是 JavaScript 中一个实用的特性，它让开发者在处理大数字时能够更清晰地编写代码。通过合理使用数值分隔符，可以提高代码的可读性和可维护性，使代码更易于理解和调试。在实际开发中，不妨尝试使用数值分隔符，让你的代码更加美观和易读。