随着 JavaScript 语言的不断发展，ES12 （即 ECMAScript 2021）引入了新的语法：数字分隔符。这个新的语法允许使用下划线（_）来分隔数字，使得数字更加易读和易于理解。本文将详细介绍数字分隔符的用法、特性和使用指南。
数字分隔符的基本用法
数字分隔符的基本用法非常简单：在数字中插入下划线。举个例子：
const billion = 1_000_000_000; const pi = 3.141_592_653_59;
上面这个例子中，我们用数字分隔符给一个数值添加了三个下划线，使得这个数值更加易读。注意，数字分隔符只能用在数字的整数部分和小数部分之间，不能用在数字的开头和结尾。
数字分隔符的特性
数字分隔符具有如下特性：
零宽度
在 Javascript 解析器中，数字分隔符是零宽度的。也就是说，它们在词法解析阶段被处理掉了，不会影响到最终的数字类型。因此，添加数字分隔符后的数字和原始数字在 Javascript 中是完全等价的。
可以和其他数值格式一起使用
数字分隔符可以和其他数值格式一起使用，像科学计数法和十六进制数等。例如：
const hex = 0xff_ff_ff_ff; const science = 1.23_45e-6;
不可以用于字符串
数字分隔符只能用于数字，而不能用于字符串。以下代码将会抛出语法错误：
const str = "1_000_000";
兼容性
数字分隔符是 ES12 才引入的新特性，因此，目前仅有最新浏览器才支持该特性。可以使用 Babel 等工具将 ES12 代码编译成 ES5 代码以提高兼容性。
数字分隔符的使用指南
数字分隔符是一项很好的特性，可以提高代码的可读性和便于维护性。但是，在使用数字分隔符时也要注意一些细节。
不要过度使用数字分隔符
虽然数字分隔符可以提高代码的可读性，但是过度使用数字分隔符也可能造成代码混乱，不易阅读。因此，在使用数字分隔符时要视情况而定，不要过度使用。
使用数字分隔符时注意大小写
数字分隔符只能使用下划线，而不能使用其他字符，如空格或连字符等。另外，要注意大小写，数字分隔符必须是小写的下划线，不能是大写的下划线或其他字符。
不要在数字开头和结尾使用数字分隔符
数字分隔符只能用在数字的整数部分和小数部分之间，不能用在数字的开头和结尾。以下代码将会抛出语法错误：
const num1 = _123_456_; // SyntaxError const num2 = 123_456_;_ // SyntaxError
避免和其他数值格式混淆
数字分隔符可以和其他数值格式一起使用，但是要注意不要混淆使用。例如，以下代码虽然是合法的，但是可能会造成混淆：
const hex = 0xff_ff_ff_ff; // 一个 32 位无符号十六进制整数 const dec = 255_255_255_255; // 一个 10 位十进制整数
使用工具来提高可读性
除了数字分隔符，还有许多其他工具可以提高代码的可读性，如注释、缩进、空格、命名规范等。因此，在编写代码时要多加注意，使用合适的工具来提高代码的可读性和便于维护性。
示例代码
最后，我们来看一个完整的示例代码，如下所示：
-- -------------------- ---- ------- -- ---------- ----- ---- - ----------- -- ----- ----- ---- - -------------- -- -- ---------- ----- ---- - -------------- -- ----- ----- ---- - ------------ -- ----- ----- ---- - ------------- -- --- ------------------ -- -------- ------------------ -- ---------- ------------------ -- --- ------------------ -- ------- ------------------ -- ----------
在实际开发中，我们可以按照上面的示例代码来使用数字分隔符，提高代码的可读性和便于维护性。
结论
数字分隔符是 ES12 引入的一项新特性，可以提高代码的可读性和便于维护性。数字分隔符只能使用小写的下划线，不能用于字符串和数字的开头和结尾。在使用数字分隔符时，要注意不要过度使用，避免混淆使用。最后，我们可以使用示例代码来加深对数字分隔符的理解。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66ffc830516dc8a7a16898ca