От автора: «Даже плохой код может работать. Но если код не чист, он может поставить на колени компанию-разработчика». — Роберт С. Мартин (дядя Боб).
Чистое кодирование означает, что вы пишете код для себя и своих коллег, а не для машины. Ваш код должен быть легко понятным для людей.
Вот некоторые из правил чистого кодирования, которым я следую при написании кода Javascript. Это не специфичные для фреймворка практики, и их можно использовать с любым фреймворком.
1. Пишите простой код.
Код должен быть достаточно простым для понимания. Например, если нам нужно написать метод, который принимает массив чисел и возвращает новый массив с каждым числом в массиве, удваивает его значение. Это может быть реализовано так.
Вместо приведенного выше кода нам следует сделать так:
2. Пишите линейный код.
Вложенный код сложно понять. Всегда пишите как можно больше линейного кода. Это делает код простым, понятным, легким для чтения и поддержки, что облегчает жизнь разработчика. Например, напишем функцию, которая отправляет электронное письмо владельцу задачи.
Теперь давайте посмотрим на тот же код, реализованный с помощью async / await.
Давайте рассмотрим другой пример.
Теперь давайте посмотрим на тот же код, реализованный с использованием отказоустойчивого подхода.
3. Правильное именование переменных и методов.
Это улучшает читаемость кода, и код становится проще поддерживать. Имена должны быть значимыми и иметь контекст. Читая название функции или переменной, нужно понимать ее назначение.
Например, всегда присваивайте утвердительные имена. Поэтому вместо isNotActive используйте IsActive!
4. Функции должны делать только одну вещь
Функции не должна превышать 20–25 строк. Чем меньше функция, тем лучше. Функция должна либо изменять, либо запрашивать что-то, но не то и другое одновременно. Рассмотрим следующий код.
То же самое можно сделать более чистым способом.
5. Используйте ESLint, Prettier и последнюю версию JavaScript.
Всегда используйте ESLint и Prettier, чтобы создать единый стиль кодирования для разработчиков, найти синтаксические ошибки и форматирование кода. Используйте новейшие функции JavaScript для написания кода, такие как деструктуризация, оператор распространения, async-await, литералы шаблонов, опциональные цепочки и многое другое. Некоторые примеры:
Надеюсь, этот пост был полезен вам, и спасибо за прочтение.
Автор: Deepak Sisodiya
Источник: https://dev.to
Редакция: Команда webformyself.