JS ES2020：使用数字分隔符

JS ES2020：使用数字分隔符

前言

作为一名前端开发人员，你一定会与数字打交道。在 JS ES2020 之前，我们可能会写像这样的代码：

const price = 9999;
const population = 1000000000;

但这些数字可能很难读，并且很容易出错。为了解决这个问题，JS ES2020 提供了一种新的语法特性——数字分隔符。数字分隔符允许我们在数字中使用下划线来提高可读性，同时不影响数字的值。例如：

const price = 9_999;
const population = 1_000_000_000;

这样看起来是不是更好看一些呢？

本文将详细介绍数字分隔符的用法，深入探讨其学习意义，并提供示例代码以指导你的实践。

基础用法

数字分隔符在数字中使用下划线 _ 来分隔多个数字。从技术上讲，分隔符可以放在任何位置，但为了提高可读性，通常会将其放在每三位数之间。例如：

const million = 1_000_000;
const pi = 3.14_15_92_65_35;

需要注意的是，数字分隔符仅仅是用来提高可读性的语法特性，不会影响数字的值。这意味着下面这两行代码是等价的：

const price = 9999;
const price = 9_999;

在实际开发中，数字分隔符可以用来提高代码可读性，尤其是涉及到长数字或常量时。

高级用法

在 ES2020 草案中，数字分隔符的语法被扩展了，允许在数字的起始和结束位置使用分隔符。例如：

const binary = 0b0101_1100;
const hex = 0x1_2f_8b;

这个特性对于表示二进制和十六进制数字的程序来说尤其有用。小数点两边也可以使用数字分隔符，只要保证每个数字都在正确的位置。

const pi = 3.14_15_92_65_35;
const gravitation = 9.8_1;

学习意义

数字分隔符看起来是一项微小的语法特性，但它实际上非常重要。前端代码通常与用户交互，而用户可能是不熟悉编程语言的普通人，可读性就成了至关重要的因素。

使用数字分隔符可以让代码更易于阅读和理解，减少错误的可能性，同时还可以提高代码的可维护性。这意味着代码不仅更容易维护，而且更具可移植性。

在学习数字分隔符的同时，我们也应该考虑其他的代码规范和最佳实践，例如注释、变量命名等，这些都有助于编写可读、可维护的代码。

示例代码

下面是使用数字分隔符的示例代码，供参考：

const million = 1_000_000;
const pi = 3.14_15_92_65_35;
const distanceToSun = 149_600_000; // 公里
const myAgeInSeconds = 988_344_000; // 秒

const binary = 0b0101_1100;
const hex = 0x1_2f_8b;
const percentage = 45.7_6;
const preciseNum = 5_678_901.2_345_689;

总结

数字分隔符提供了一种简单而有效的方式，可以让我们更轻松地编写可读性高、易于维护的代码。在实践中，应在数字的每三位之间使用下划线，以避免过度使用数字分隔符而变得混乱。同时，我们也应该注意其他的代码规范和最佳实践，以确保我们编写的代码是具有可读性和可维护性的。

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