Числовые разделители в JavaScript для улучшения читаемости кода

Числовые разделители в JavaScript: Как улучшить читаемость кода

Недавно я наткнулся на отличную статью Дэвида Уолша Javascript Numeric Separators, и думаю, что это будет полезно и для читателей моего блога. Сегодня мы поговорим о том, как улучшить читаемость вашего кода с помощью числовых разделителей в JavaScript.

Что такое числовые разделители?

Когда мы пишем код, важной частью является его читаемость. Чем легче понять код, тем быстрее можно найти и исправить ошибки. Для больших чисел это особенно актуально, поскольку нам часто трудно на глаз оценить количество нулей или понять, где начинается и заканчивается число.

Числовые разделители в JavaScript позволяют нам использовать символы подчеркивания (_) в числах для разделения больших групп цифр. Это не изменяет значение числа, но делает код значительно более читаемым.

Пример использования

Вот пример, как обычно выглядит число в JavaScript:

// Число без разделителей между нулями
const oneHundredThousand = 100000;

Сложно сразу оценить, сколько нулей в этом числе, не проверяя его несколько раз. Но теперь, благодаря числовым разделителям, мы можем сделать код гораздо более удобным для восприятия:

// Число с разделителями
const oneMillion = 1_000_000; // 1000000
const decimals = 1_000_000.01_02_03; // 100000.010203

Как видите, использование подчеркиваний помогает четко увидеть, где начинаются тысячи, миллионы и даже десятичные дроби. Это не только упрощает восприятие кода, но и помогает избежать ошибок при работе с большими числами.

Правила использования числовых разделителей

Единственное важное правило, которое стоит учитывать при использовании числовых разделителей в JavaScript, это то, что число не может начинаться или заканчиваться знаком подчеркивания (_). Например, следующие записи будут неверными:

// Неверно
const invalidNumber1 = _1000; // Ошибка
const invalidNumber2 = 1000_; // Ошибка

Кроме того, числовые разделители не могут использоваться подряд, как, например, в следующем примере:

// Неверно
const invalidNumber3 = 1__000; // Ошибка

Зачем это нужно?

В повседневной работе разработчика встречаются большие числа, и часто приходится работать с финансовыми расчетами, датами или данными с множеством нулей. Без числовых разделителей такие числа могут выглядеть как сплошная куча цифр, что затрудняет их восприятие.

Простой пример: на первый взгляд, число 1000000 может быть легко ошибочно прочитано как миллион или как сто тысяч. Но если вы разделите его с помощью подчеркивания, сразу становится очевидно, что это миллион:

const oneMillion = 1_000_000; // 1000000

Этот прием помогает не только новичкам, но и опытным разработчикам быстрее ориентироваться в коде и избегать ошибок.

Заключение

Числовые разделители в JavaScript — это небольшой, но полезный инструмент, который помогает улучшить читаемость кода, делая большие числа более понятными и визуально приятными для восприятия. Это небольшое улучшение в языке, но оно действительно облегчает работу с числовыми значениями.

Я сам активно использую числовые разделители в своих проектах, и уверен, что вы тоже найдете их полезными. Это еще одно доказательство того, что в мире JavaScript никогда не перестанешь учиться и всегда можно найти новые, удобные фишки для улучшения кода.