ES11 中的 Numeric Separators 对数值可读性的提高

ES11（也称作 ECMAScript 2020）是 JavaScript 的新版本，其中一个非常实用的特性就是 Numeric Separators（数字分隔符）。Numeric Separators 可以通过添加下划线来分隔数值，从而提高数值的可读性。在这篇文章中，我们将详细介绍 Numeric Separators 的使用方法以及它对于前端开发的指导意义。

Numeric Separators 的使用方法

Numeric Separators 可以在整型数值和浮点型数值中使用。下面是一些示例：

// 整型数值
const num1 = 1000000;
const num2 = 1_000_000;

// 浮点型数值
const num3 = 3.1415926;
const num4 = 3.14_159_26;

相信大家能看出来，在控制台输出这些数值的时候，前者与后者的输出结果一致，但是后者的可读性要比前者要好很多。当然，在实际开发中，我们可能不需要那么多的下划线，只要按照自己的习惯或者团队的规定添加即可。

需要注意的是，Numeric Separators 的最后一个字符不能是下划线，而且多个下划线不能连续使用。下面是一些非法的写法：

const num1 = 10_; // 不合法
const num2 = 10.0_0_; // 不合法
const num3 = 1______0; // 不合法

Numeric Separators 的指导意义

Numeric Separators 并不会改变数值的本质，它只是为了增强数值的可读性。但是，这一特性在实际开发中有很重要的作用。

首先，Numeric Separators 可以提高代码的可读性，从而减少出错的可能性。在阅读代码时，类似于 1000000 这样的数字可能会让人觉得眼花缭乱，但是通过 Numeric Separators，我们可以很快地理解这个数值的意义。

其次，Numeric Separators 可以帮助我们识别数值的单位。在某些应用场景下，数值的单位很重要，比如像像素值、字节、秒数等。通过添加 Numeric Separators，我们可以清晰地看到数值的确切单位，从而避免出现错误的转换。

最后，Numeric Separators 可以帮助我们快速计算数值。对于一个比较大的数值，如果没有 Numeric Separators，我们很难快速地读出它的大小。但是，通过添加 Numeric Separators，我们可以快速地数出它的大小，从而在计算过程中更加高效。

总结

Numeric Separators 是 ES11 中非常实用的特性。它可以通过添加下划线分隔数值，从而提高数值的可读性，帮助我们更好地理解数值的意义、避免出错和快速计算。因此，在实际开发中，我们应该尽量使用 Numeric Separators 来优化我们的代码。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/652c174e7d4982a6ebded140