Смертные грехи Frontend-разработчика: За что тебе приготовят отдельный котел в аду

Telegram-канал

В любой области есть свои правила и принципы, которые нельзя пренебрегать. Давайте разберём, что недопустимо в JavaScript.

1. Использование var для создания переменных:

Использование var для объявления переменных в JavaScript может привести к ряду проблем, связанных с областью видимости и поведением переменных. Вот несколько причин, почему рекомендуется избегать var и использовать let или const вместо него.

• Повторное объявление: С помощью var вы можете повторно объявлять переменные в одной и той же области видимости без ошибок, что может привести к случайным перезаписям значений. let и const не позволяют повторно объявлять переменные в одной области видимости, что помогает избежать ошибок.

• Область видимости: var имеет функциональную область видимости, что означает, что переменная доступна в пределах функции, в которой она была объявлена, или глобально, если она была объявлена вне функции. Это может привести к неожиданному поведению, особенно в случае вложенных функций. let и const имеют блочную область видимости, что делает их более предсказуемыми и безопасными для использования внутри блоков кода (например, внутри условных операторов или циклов).
• Безопасность кода: Использование let и const делает код более предсказуемым и безопасным, так как вы явно указываете намерение изменять (с помощью let) или не изменять (с помощью const) значение переменной.

2. Утверждать, что один из современных JS framework’ов лучше других:

Утверждать, что один фреймворк лучше другого, может быть проблематично по нескольким причинам:

• Контекст использования: Разные проекты имеют разные требования. Фреймворк, который отлично подходит для одного типа приложения, может быть неэффективным или слишком сложным для другого.
• Предпочтения команды: У разных команд разработчиков могут быть разные навыки и предпочтения. Фреймворк, с которым команда уже знакома, может быть более продуктивным выбором, даже если другой фреймворк имеет более современные функции.
• Сообщество и поддержка: Некоторые фреймворки могут иметь более активное сообщество и лучшие ресурсы для обучения и поддержки. Это может значительно повлиять на выбор фреймворка, особенно для новичков.
• Личное мнение: Вопрос о том, какой фреймворк "лучше", часто сводится к личным предпочтениям разработчиков. У каждого разработчика могут быть свои любимые инструменты и методы работы.

3. Создавать свойства объектов с дефисом:

В JavaScript не рекомендуется использовать дефисы ('-') в именах свойств объектов по нескольким причинам:

• Синтаксическая ошибка: Дефис в JavaScript интерпретируется как оператор вычитания. Например, если вы попытаетесь создать объект с свойством 'my-object', это приведет к синтаксической ошибке, так как JavaScript будет пытаться интерпретировать это как выражение, которое пытается вычесть 'object' из 'my'.
• Доступ через точечную нотацию: Если вы используете дефис в имени свойства, вы не сможете получить доступ к этому свойству с помощью точечной нотации.
• Стандартные соглашения об именовании: В JavaScript существует ряд стандартных соглашений об именовании, таких как использование camelCase или snake_case для имен свойств. Использование дефисов не соответствует этим соглашениям и может привести к путанице и снижению читабельности кода.

4. Использование jQuery:

Хотя jQuery был очень популярен в прошлом, существует несколько причин, по которым его использование может не быть оптимальным выбором для современных веб-разработок:

• Современные возможности JavaScript: Современные версии JavaScript (ES6 и выше) значительно улучшили язык, добавив такие функции, как querySelector, fetch, стрелочные функции и другие. Эти функции позволяют выполнять многие задачи, для которых раньше использовался jQuery, без необходимости подключать дополнительную библиотеку.
• Поддержка старых браузеров: Одной из причин популярности jQuery была его способность обеспечивать совместимость с устаревшими браузерами. Однако на сегодняшний день большинство пользователей используют современные браузеры, и необходимость поддержки старых версий становится менее актуальной.
• Сложность кода: Использование jQuery может привести к написанию более сложного и менее читаемого кода по сравнению с чистым JavaScript, особенно когда речь идет о больших проектах.

5. Не использовать линтеры и форматеры кода:

Использование форматтеров(eslint/tslint/stylelint/prettier) кода имеет множество преимуществ, которые могут значительно улучшить качество и поддерживаемость вашего кода. Вот несколько причин, почему стоит использовать форматтеры:

• Единообразие стиля кода: Форматтеры помогают поддерживать единый стиль кода в проекте, что особенно важно в командах. Это делает код более читаемым и понятным для всех участников.
• Снижение количества ошибок: Форматирование может помочь избежать некоторых распространенных ошибок, связанных с синтаксисом, например, неправильное использование отступов или пробелов.
• Упрощение ревью кода: Когда код отформатирован последовательно, процесс ревью становится проще и быстрее. Рецензенты могут сосредоточиться на логике изменений, а не на стилистических различиях.

6. Тестировать только часть кода:

Тестирование только части кода может привести к ряду проблем и недостатков. Вот основные причины, почему это не рекомендуется:

• Недостаточное покрытие: Если вы тестируете только часть кода, вы можете пропустить ошибки и баги в других частях. Это может привести к тому, что не протестированные функции будут содержать критические ошибки, которые проявятся в будущем.
• Ложное чувство уверенности: Тестирование только части кода может создать ложное чувство уверенности в его качестве. Вы можете считать, что система работает хорошо, хотя на самом деле в других частях могут быть серьезные проблемы.
• Сложности с интеграцией: Частичное тестирование может не учесть взаимодействие между различными компонентами системы. Ошибки могут возникать только при взаимодействии разных модулей, которые не были протестированы вместе.

7. Не стоит пренебрегать онлайн-курсами:

Пренебрегать онлайн-курсами не стоит по нескольким причинам:

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

Если ты вдруг нарушил одно из правил, не стоит волноваться. Для тебя приготовят отдельный котёл в аду😇.

Хорошего дня! И поменьше ошибок в коде!

💥 Давайте разгоним полезный контент! Подписывайтесь, чтобы не пропустить крутые материалы, лайкайте и делитесь – вместе сделаем наше медиа умнее и интереснее!