Чистый код JavaScript: 8 простых приемов

Статус
В этой теме нельзя размещать новые ответы.
Как выглядит чистый код, написанный на JavaScript? Он должен быть:

- легко читаемым;
- легко отлаживаемым;
- эффективным и высокопроизводительным.

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

1. Используйте try catch для всех API- запросов и JSON-методов
2. Используйте линтер (ESLint)
3. Отслеживайте проблемы в редакторе
4. Используйте шаблонные строки
5. Используйте regex при необходимости поиска строк
6. Используйте опциональные цепочки
7. Избегайте вложенности
8. Комментируйте нетипичный код
 

arbuz3r

Местный
Местный

arbuz3r

Местный
Местный
Статус
Offline
Регистрация
13 Дек 2021
Сообщения
138
Лайки
108
Что такое линтер? Впервые слышу о таком..
И что значит шаблонные строки?
 
O
OlegJsjshswj
Шаблонные строки позволяют вводить значения в строку, сохраняя при этом формат. Такой код гораздо более удобен для чтения, чем арифметика строк

1*Oknm4V2uQEiogc6egBNPwA.jpeg
 

12345opat

Новорег

12345opat

Новорег
Статус
Offline
Регистрация
18 Мар 2023
Сообщения
3
Лайки
3
Что такое линтер
ESlint, утилита такая, которая код анализирует на ошибки, и плохие паттерны. Только настраивать сложно, по этому есть Prettier. В связке работают ваще потрясно
 

Santos412

Новорег

Santos412

Новорег
Статус
Offline
Регистрация
1 Мар 2022
Сообщения
2
Лайки
1
А что скажете насчёт gpt? Вроде неплохо справляется, для нужд не профи
 
1
1991Snoop
правки все равно нужно вносить в его код, а для этого понимание нужно все равно
 

Fox

Новорег

Fox

Новорег
Статус
Offline
Регистрация
24 Мар 2021
Сообщения
3
Лайки
2
По сути банально, удивляет что люди сами не могут к этому прийти.
 

yo803

Новорег

yo803

Новорег
Статус
Offline
Регистрация
13 Май 2021
Сообщения
21
Лайки
5
Есть классный инструмент Prettier, который будет форматировать ваш код за вас. Примерно вот так:

prettier.gif


Есть еще полезные инструменты вроде ESLint, Husky, Lint-Staged и EditorConfig.
В этой Для просмотра ссылки Войди или Зарегистрируйсяавтор рассказывает, как ими пользоваться.
 
arbuz3r
arbuz3r
это можно делать почти любой нормальной идэе
 
Статус
В этой теме нельзя размещать новые ответы.
Сверху