数字分隔符 _ 提升可读性

在编程中，处理大数字是常见需求，但长串的数字往往难以快速阅读和理解。ES12 (ECMAScript 2021) 引入的数字分隔符特性正是为了解决这一问题。本文将深入探讨这一新特性，展示它如何提升代码可读性。

什么是数字分隔符？

数字分隔符允许在数字字面量中使用下划线 _ 作为视觉分隔符，使长数字更易读。这个特性不会改变数字的值，纯粹是为了提高代码的可读性。

// 传统写法
const billion = 1000000000;

// 使用数字分隔符
const readableBillion = 1_000_000_000;

使用场景

1. 大数字表示

// 难以阅读
const earthDiameterKm = 12742000;

// 易于阅读
const earthDiameterKm = 12_742_000;

2. 二进制和十六进制数

// 二进制
const flags = 0b1010_0001_1000_0101;

// 十六进制
const color = 0xFF_00_FF;

3. 小数部分

const precise = 3.141_592_653_589;

4. BigInt 类型

const bigNumber = 9_007_199_254_740_991n;

注意事项

1. 位置限制：分隔符不能出现在数字开头或结尾，也不能连续使用多个。

   javascript 复制代码

   const invalid1 = _1000;     // 错误
   const invalid2 = 1000_;     // 错误
   const invalid3 = 1__000;    // 错误

2. 类型转换：使用分隔符的数字在转换为字符串时会去掉下划线。

   javascript 复制代码

   String(1_000); // "1000"

3. 兼容性：现代浏览器和Node.js都支持此特性，但在旧环境中可能需要转译。

实际应用示例

// 财务应用
const annualRevenue = 12_345_678.90;

// 科学计算
const avogadroNumber = 6.022_140_76e23;

// 游戏开发
const highScore = 10_000_000;

// 颜色值
const transparentRed = 0xFF_00_00_80;

为什么选择下划线 _？

下划线作为分隔符有几个优势：

• 在数学和财务中已有使用传统
• 不会与小数点 . 混淆
• 在大多数语法高亮中清晰可见
• 不会与现有JavaScript语法冲突

结论

ES12的数字分隔符是一个小而实用的特性，它显著提升了代码中数字的可读性，特别是在处理大数字、二进制/十六进制数或精确小数时。虽然它不改变任何功能，但能让代码更易于维护和理解，体现了ECMAScript规范对开发者体验的持续关注。

在编写包含大量数字的代码时，不妨开始使用这一特性，让你的代码像专业财务报告一样清晰易读！