Как программисты, мы часто сталкиваемся с ошибками. Появляющиеся ярко-красные буквы поначалу могут показаться устрашающими, особенно если вы не знаете, в чем ошиблись. Такое большое количество красного цвета может настораживать, особенно для новичков, и многие учителя могут посоветовать вам поискать сообщение об ошибке, но что это означает? Что может помочь, если вы знаете, что ищете. В этом блоге мы обсудим различные типы сообщений об ошибках и способы их исправления!

ReferenceError:

Если ваш console.log выдает ошибку, которая гласит: Uncaught ReferenceError, это, скорее всего, связано с проблемами переменных. Если вы определили переменную в пределах области видимости блока и попытаетесь ввести ее в console.log за пределами его области видимости, это будет ошибка, которая будет выдана. Кроме того, если в console.log указать несуществующую переменную, то также будет выдана эта ошибка.

Вот простой пример, демонстрирующий эту ошибку:

Let hello = “Hi”;
console.log(hllo);

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

SyntaxError:

Синтаксис - это грамматика кода, и, если грамматика неверна, вы получите сообщение об ошибке Uncaught SyntaxError. Пример того, что может вызвать эту ошибку:

Let hello = “Hi;
console.log(hello);

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

Другая причина, по которой вы можете получить SyntaxError, - это попытка переназначить или повторно объявить переменную с ключевым словом const в той же области. С ключевым словом let вы можете переназначить, но не объявить заново. Если вы попытаетесь повторно объявить переменную с ключевым словом let в той же области, будет выдана ошибка SyntaxError. Проверьте объявления и переназначения переменных и убедитесь, что вы используете правильные ключевые слова, если эта ошибка продолжает появляться.

TypeError:

Ошибки типа возникают, когда переменная или параметр не является допустимым типом. Эта ошибка возникает, когда вы пытаетесь вызвать что-то, что не является функцией! Другая причина, по которой может возникнуть эта ошибка, - это попытка переназначить что-то, что нельзя переназначить. Хорошим примером того, что нельзя переназначить, является ключевое слово const объявления переменной. Напоминание: const нельзя переназначить в той же области. Это пример TypeError из-за переназначения:

const hello = 'hi';
hello = "Bonjour";
console.log(hello);

В этом примере нельзя переназначить переменную hello. Хорошее практическое правило: если вы собираетесь изменить переменную или переназначить ее в любой точке кода, инициализируйте ее ключевым словом let.

В заключение…

Как программист, вы столкнетесь с множеством ошибок. Понимание сообщения об ошибке станет вашей второй натурой. Следует помнить, что не имеет значения, сколько ошибок вы встретите. Важно не сдаваться и исправлять ошибки. Хороший совет - не волноваться при появлении ошибки. Вместо того, чтобы волноваться, прочтите сообщение, сделайте глубокий вдох и вернитесь в свой код. Используйте Google! Если вы не знаете, что пытается сказать вам сообщение об ошибке, выполните поиск. Также проверьте свои потребности. Если вы обнаружите, что делаете много мелких ошибок, это может указывать на то, что вам нужно ненадолго отойти от кода.