自己造一个 wheel：从 ECMAScript 2020 的数字分隔符开始

随着前端技术的发展，对于提升开发效率的工具和框架需求越来越高。自己写一个 wheel，可以不仅仅是为了深入了解一些技术实现的细节，同时也是为了提升开发效率的一种方式。

今天，我们从 ECMAScript 2020 的数字分隔符开始，一步步来实现自己的 wheel。

什么是 ECMAScript 2020 的数字分隔符？

在 ECMAScript 2020 中，新增了一个数字分隔符（underscore）的写法格式，用于更好地展示大型数字。数字分隔符可以被插入在数字之间，帮助我们识别数字的位数，从而更好地阅读和理解代码。

下面是一个例子：

const billion = 1_000_000_000;

这段代码就是使用数字分隔符将十位和个位之间、百位和十位之间和千位和百位之间用下划线分隔开来，展示大型数字。

如何实现数字分隔符？

数字分隔符的实现非常简单，只需要添加一个函数来处理数字并插入下划线即可。具体步骤如下：

1. 编写一个 separateNumbers 函数，它将数字转化为字符串，并将数字的每三位后添加下划线。

function separateNumbers(num) {
  return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, "_");
}

1. 在需要使用数字分隔符的代码中，调用 separateNumbers 函数，将数字插入下划线后的字符串替换为原始数字。

const billion = Number(separateNumbers("1000000000").replace(/_/g, ""));

这样，我们就成功地实现了 ECMAScript 2020 的数字分隔符。

为什么需要自己写一个 wheel？

自己写一个 wheel 可以带来以下好处：

1. 深刻地理解技术细节。自己写一个 wheel 将使我们更深入地了解技术实现的细节。

2. 提升开发效率。自己写一个 wheel 往往可以针对我们实际需求进行优化，从而更好地提升开发效率。

3. 更好的技术沟通。自己写一个 wheel 可以帮助我们更好地了解同事或合作伙伴的实际需求，并更好地沟通技术方案。

结论

自己写一个 wheel，从 ECMAScript 2020 的数字分隔符开始，可以带来很多好处，让我们更深入地了解技术实现的细节，提升开发效率，并更好地沟通技术方案。

我们只需要将 separateNumbers 函数添加到工具箱中，就可以方便地在代码中使用数字分隔符了。

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