Как сделать код JavaScript чистым и понятным: 5 практик | Журнал "Вольт"
Пт. Окт 30th, 2020


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

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

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

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

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

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

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере создания веб-приложения

Учить больше

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

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

2. Напишите линейный код.

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

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

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

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

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

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

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

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере создания веб-приложения

Учить больше

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Автор: Дипак Сисодия

Источник: https://dev.to

Сотрудники редакции: Команда Webformyself.

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере создания веб-приложения

Учить больше

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере создания веб-приложения

Посмотрите



Source link

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *