在日常的前端开发中，我们经常需要处理大量的数字，比如计算金额、时间戳、数量、统计数据等等。在 JavaScript 中，我们可以使用数字来表示这些数据，但是当数字非常大时，它们很难阅读和理解。为了解决这个问题，ES12 引入了 Numeric Separator。
什么是 Numeric Separator
Numeric Separator 是一种将数字分成更易于阅读的部分的方法。在 JavaScript 中，我们可以使用下划线（_）来分隔数字的各个部分。下划线只是一个分隔符，不会影响数字的值。例如，我们可以使用 Numeric Separator 来表示一个很大的数字：
const bigNumber = 10_000_000_000_000_000_000_000_000_000_000;
这个数字很难阅读，但是使用 Numeric Separator 后，它变得更加易于阅读和理解。
Numeric Separator 的语法
Numeric Separator 的语法很简单，只需要在数字中使用下划线即可。下划线不能用于数字的开头或结尾，也不能在小数点前或后使用。
以下是 Numeric Separator 的一些示例：
const bigNumber1 = 1_000_000; const bigNumber2 = 100_000_000; const bigNumber3 = 1_000_000_000_000; const bigNumber4 = 1_000_000.0_000_01; const bigNumber5 = 1_000_000.000_000_1;
Numeric Separator 的优点
使用 Numeric Separator 有以下几个优点：
- 更易于阅读和理解：当数字很大时，使用 Numeric Separator 可以将数字分成更易于阅读和理解的部分，使代码更加清晰和易于维护。
- 可以与模板字符串一起使用：使用 Numeric Separator 可以使模板字符串更加易于阅读和理解。例如：
const bigNumber = 10_000_000_000_000_000_000_000_000_000_000;
console.log(`The big number is ${bigNumber}`);- 可以提高代码的可读性和可维护性：使用 Numeric Separator 可以使代码更加易于阅读和理解，从而提高代码的可读性和可维护性。
Numeric Separator 的兼容性
Numeric Separator 是 ES12 中的新特性，目前还不是所有浏览器都支持。但是，您可以使用 Babel 等工具将代码转换为 ES5 或 ES6 代码，以便在更多的浏览器中使用。
总结
Numeric Separator 是一种将数字分成更易于阅读和理解的部分的方法。它可以提高代码的可读性和可维护性，使代码更加易于阅读和理解。但是，它目前还不是所有浏览器都支持，您可以使用 Babel 等工具将代码转换为 ES5 或 ES6 代码，以便在更多的浏览器中使用。
示例代码
-- -------------------- ---- ------- -- -- ------- --------- ----- ----- ---------- - ---------- ----- ---------- - ------------ ----- ---------- - ------------------ ----- ---------- - ------------------- ----- ---------- - -------------------- -- --------- ------- --------- ----- --------- - ------------------------------------------- ---------------- --- ------ -- ---------------
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6609418bd10417a2227e8143