5 лучших практик чистого кодирования на JavaScript

5 лучших практик чистого кодирования на JavaScript Сайтостроение

5 лучших практик чистого кодирования на JavaScript

От автора: «Даже плохой код может работать. Но если код не чист, он может поставить на колени компанию-разработчика». — Роберт С. Мартин (дядя Боб).

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

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

1. Пишите простой код.

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

5 лучших практик чистого кодирования на JavaScript

Вместо приведенного выше кода нам следует сделать так:

5 лучших практик чистого кодирования на JavaScript

2. Пишите линейный код.

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

5 лучших практик чистого кодирования на JavaScript

Теперь давайте посмотрим на тот же код, реализованный с помощью async / await.

5 лучших практик чистого кодирования на JavaScript

Давайте рассмотрим другой пример.

5 лучших практик чистого кодирования на JavaScript

Теперь давайте посмотрим на тот же код, реализованный с использованием отказоустойчивого подхода.

5 лучших практик чистого кодирования на JavaScript

3. Правильное именование переменных и методов.

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

READ
Элементы равной высоты: Flexbox vs. Grid

5 лучших практик чистого кодирования на JavaScript

Например, всегда присваивайте утвердительные имена. Поэтому вместо isNotActive используйте IsActive!

4. Функции должны делать только одну вещь

Функции не должна превышать 20–25 строк. Чем меньше функция, тем лучше. Функция должна либо изменять, либо запрашивать что-то, но не то и другое одновременно. Рассмотрим следующий код.

5 лучших практик чистого кодирования на JavaScript

То же самое можно сделать более чистым способом.

5 лучших практик чистого кодирования на JavaScript

5. Используйте ESLint, Prettier и последнюю версию JavaScript.

Всегда используйте ESLint и Prettier, чтобы создать единый стиль кодирования для разработчиков, найти синтаксические ошибки и форматирование кода. Используйте новейшие функции JavaScript для написания кода, такие как деструктуризация, оператор распространения, async-await, литералы шаблонов, опциональные цепочки и многое другое. Некоторые примеры:

5 лучших практик чистого кодирования на JavaScript

Надеюсь, этот пост был полезен вам, и спасибо за прочтение.

Автор: Deepak Sisodiya

Редакция: Команда webformyself.

Источник

Оценить статью
Блог о самом интересном.
Добавить комментарий