如何使用 ECMAScript 2021 (ES12) 中的数值分隔符？

在 ECMAScript 2021 (ES12) 版本中，我们新增了一种数值分隔符的语法，可以使得数字的书写更加清晰易懂。本文将介绍如何使用数值分隔符来提高前端代码的可读性和可维护性。

什么是数值分隔符？

数值分隔符是指在数字中添加下划线 _ 来分隔数字的语法。例如，把 1000000 用数值分隔符表示为 1_000_000。数值分隔符可以放在任何位置，例如 1_000._000、 100_0.000_0、10_0_0.0 都是合法的。

数值分隔符并不改变数字的值，它只是一种语法上的改变。在代码运行的时候，数值分隔符会被解析为一个整体的数字。

为什么要使用数值分隔符？

数值分隔符可以使数字更加易读易懂。在日常生活中，我们表示数字时经常会用逗号或者空格来分隔千位数。在代码中也同样可以使用数值分隔符让数字更加清晰易懂。例如，下面的代码表示 oneMillion 的值为 1000000：

const oneMillion = 1000000;

我们可以使用数值分隔符来改善代码可读性：

const oneMillion = 1_000_000;

另外，使用数值分隔符可以避免一些数值上的错误，例如在数值串中漏掉一个数字。

如何使用数值分隔符？

在 ES12 中，我们可以在数字串中使用下划线来分隔数字。下面是一个简单的示例：

const oneMillion = 1_000_000;
const oneThousand = 1_000;
const anotherNumber = 123_456_789.123_456_789;

需要注意的是，数值分隔符不能放在数字的首位或者末尾，也不能连续使用。

const error1 = _1000; // Error
const error2 = 1000_; // Error
const error3 = 10__00; // Error

在使用数值分隔符时，也可以和其他数字语法一起使用。例如在二进制和八进制中也可以使用数值分隔符：

const binaryNumber = 0b1010_1010;
const octalNumber = 0o1234_5670;

总结

数值分隔符是 ECMAScript 2021 的新特性之一，可以使数字的书写更加清晰易懂。在代码中使用数值分隔符可以提高代码的可读性和可维护性，避免一些数值上的错误。在使用数值分隔符时需要注意一些语法上的限制，例如不能放在数字的首位或者末尾，也不能连续使用。

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