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

Лучшей практикой (или так ли это?) часто является извлечение связанных операторов в меньшие функции и вызов их в исходной.

  1. Проблема с этим подходом (особенно в среде совместной работы) заключается в том, что функции часто предназначены для повторного использования, но в этом случае это может быть не то, что вам нужно.
  2. Другой недостаток разбиения кода на более мелкие функции, когда мы знаем, что все они будут вызываться одна за другой, заключается в том, что нам придется перемещаться между их определениями и основным методом, в котором они вызываются.

В JavaScript (и TypeScript) явный блок позволяет нам изолировать операторы внутри него от остального кода определения функции. Группировка операторов в явный блок выражает две вещи:

  1. Эти операторы логически связаны (аналогично функции)
  2. Эта группа предназначена для использования только здесь и нигде больше (в отличие от функций)

Добавьте краткий комментарий непосредственно перед блоком и сразу увидите, какова цель блока (вы даже можете добавить ключевые слова, если это может помочь).
Теперь сложите все на уровне блоков: теперь у вас есть очень описательный обзор весь поток метода. Теперь вы можете расширить только тот блок, который вам нужен.

Использование этого метода сэкономит вашим товарищам по команде много времени (и головной боли), поскольку они будут иметь четкое представление о методе, и им нужно будет только прочитать код, который их беспокоит.

Дайте мне знать, если эта техника поможет. Предложения и критика приветствуются.
Удачного кодирования!

Первоначально опубликовано на www.codementor.io.