Ошибок в день в JS

Beginner: Мы люди, и ошибки случаются очень часто. › 50 ошибок/день.

Intermediate: Мы люди, и мы можем избежать ошибок. ‹ 50 ошибок/день.

Expert: Мы люди и можем говорить на Javascript 🤣. ‹ 5 ошибок/день.

Довольно интересно, не так ли? Если вы видите, что в приведенных выше утверждениях ошибки есть везде. Итак, что же обычно делает опытный ум?

Он может спрогнозировать результат и соответственно обновить результат, тогда как новичок кодирует методом проб и ошибок.

Если вы хорошо знаете болезнь, вы можете хорошо вылечить ее, вместо того, чтобы есть весь медицинский магазин.

В гугле могла бы быть хорошая пословица, но вдруг вспомнилось, вот и написал. Надеюсь, вы поняли контекст.

Я не люблю ходить вокруг да около. Давайте начнем:

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

Совет 1: хорошо практикуйтесь в основах

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

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

Пример:

Допустим, вам нужно показать список сотрудников в своем приложении и обновить список, как только пользователь добавит нового сотрудника.

Таким образом, знание основ очень важно, чтобы избежать ошибок. Кроме того, чтобы избежать ловушки проб и ошибок.

Я бы сказал, что это основная причина ошибок на всем пути написания кода.

Совет 2: Изучите перед использованием

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

Пример: moment.js - это библиотека javascript, используемая для очень хорошей работы с датой и временем.

Мы можем напрямую импортировать эту библиотеку и выполнять необходимые преобразования времени и т. д.

Теперь такие библиотеки предоставляют разные методы для разных целей. Мы не должны искать StackOverflow и копировать код.

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

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

Совет 3: Поймите поток выполнения

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

Асинхронный JS:

JS имеет асинхронную поддержку, такую ​​как Promises, setTimeout, setInterval и т. д. Когда вы их используете, поток выполнения меняется.

Пример:

Приоритет оператора: определяет, как операторы анализируются относительно друг друга.

В первом сценарии умножение имеет более высокий приоритет, поэтому

5 + 10 * 3 - 2 -> 5 + 30 - 2 -> 35 - 2 - 33

Во втором сценарии круглые скобки имеют более высокий приоритет, поэтому

5 + 10 * (3 - 2) -> 5 + 10 * 1 -> 5 + 10 -> 15

Третий говорит сам за себя.

Таким образом, здесь меняется порядок выполнения.

Пока все хорошо, но есть много правил в приоритете операторов, как мы можем запомнить?

Не помните, просто добавьте эту страницу в закладки: developer.mozilla.org/en-US/docs/Web/JavaSc..

Имейте в виду, что отладка не для ошибок.

Я расскажу об отладке в другой статье, где укажу, где, когда и как эффективно использовать отладку.

Какие выводы?

  1. Меньше ошибок == меньше времени на код — повышение производительности
  2. Чтобы избежать ошибок, вы научитесь — Знание божественно
  3. Будешь говорить на JS — Стал лучшим программистом 🤩

Все эти советы из моего опыта. Пожалуйста, прокомментируйте, какому совету вы следуете больше всего, а также прокомментируйте свои собственные советы.

Спасибо 😊

Просто напишите мне в Твиттере, если вам нужны разъяснения по какой-либо концепции в Javascript.

Вы можете следить за дальнейшими обновлениями.