— автор Абхиманью Магапу

Javascript — это язык программирования, который используется во многих веб-сайтах и ​​приложениях. Однако, как и во всех языках программирования, в JavaScript могут быть ошибки. Эти ошибки может быть сложно найти и исправить, но это крайне важно для поддержания функциональности вашего веб-сайта или приложения.

Большинство разработчиков стараются максимально избегать ошибок, но здесь, в Zipy, весь наш продукт построен на выявлении ошибок и управлении ими. Мы имеем дело со многими входами и выходами и управляем различными ошибками JavaScript и связанными с ними API.

Давайте рассмотрим наиболее распространенные ошибки JavaScript, с которыми сталкиваются разработчики, и способы их устранения или предотвращения.

Типы ошибок JavaScript

1. Ошибка типа

Ошибки типа в JavaScript довольно распространены, особенно когда вы только начинаете работать с языком. В общем, есть два типа ошибок типов, с которыми вы столкнетесь:

  1. Использование значения неправильного типа. Это наиболее распространенный тип ошибки типа. Это происходит, когда вы пытаетесь использовать значение, как если бы оно было другого типа. Например, вы можете попытаться использовать строку, как если бы это было число.
  2. Попытка использовать несуществующее значение. Этот тип ошибки Javascript возникает, когда вы пытаетесь использовать несуществующее значение. Например, вы можете попытаться получить доступ к свойству несуществующего объекта:
  3. Вар myObj = {};
  4. console.log(myObj.x);
  5. В этом случае вы можете проверить, существует ли свойство, прежде чем пытаться его использовать.

2. Синтаксические ошибки

Когда дело доходит до программирования, синтаксис относится к правилам, которые управляют структурой кода, который мы пишем. В JavaScript синтаксические ошибки возникают, когда синтаксический анализатор сталкивается с кодом, который он не понимает — обычно из-за опечаток или неправильного использования ключевых слов.

Другие распространенные синтаксические ошибки включают использование зарезервированного слова в качестве имени переменной (например, попытка использовать var default = «foo» приведет к ошибке, поскольку «default» является зарезервированным словом в JavaScript) или забывание закрыть скобку или фигурную скобку. .

Например:

If (true)
console.log("Hello World")

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

3. Ошибка ссылки

Ошибка ссылки возникает при попытке доступа к несуществующей переменной. Когда возникает ошибка ссылки, переменная не существует в текущей области.

Например:

Var x = y + z

Переменная ‘y’ не определена.

Есть два способа исправить ошибку ссылки. Во-первых, убедиться, что переменная существует в текущей области. Во-вторых, использовать строгий режим. Строгий режим — это новая функция в JavaScript, которая предотвращает появление ошибок ссылок.

4. Ошибка диапазона

Один из распространенных типов ошибок диапазона — это когда значение выходит за пределы диапазона значений, которые может представлять конкретный тип данных. Например, целое число может хранить только значения от -2147483648 до 2147483647. Если значение за пределами этого диапазона сохраняется в целочисленной переменной, это приведет к ошибке диапазона.

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

5. Ошибки URI

URI (Uniform Resource Indicator) в JS имеет функции: decodeURI, decodeURIComponent и т.д.

Один из наиболее распространенных типов ошибок Javascript, с которыми вы столкнетесь, — это URIError. Эта ошибка выдается при обнаружении неправильно сформированного URI или при декодировании недопустимого URI.

Например, если вы попытаетесь декодировать следующий URI:

https%3A%2F%2Fwww.google.com%2Fsearch%3Fq%3Djavascript%253A%2520void(0)

Вы получите URIError, потому что %3F в строке запроса не является допустимым символом.

6. Ошибка оценки

Eval Ошибки или ошибки оценки связаны с глобальной функцией eval(). Сегодняшний движок JavaScript больше не выдает их, но они все еще существуют для обратной совместимости.

try{
throw new EvalError("'error in evaluation'")
}catch(error){
console.log(error.name, error.message)

Пробовать/перехватывать блоки

JavaScript предоставляет оператор под названием «try…catch» для обработки исключений. Когда в блоке «try» возникает исключение, выполняется код в блоке «catch». Исключения могут быть выброшены (или повторно выброшены) в блоке catch.

Оператор «try…catch» состоит из двух частей: блока «try» и блока «catch». Блок «try» содержит код, который может вызвать исключение. Блок catch содержит код, который выполняется, если в блоке try возникает исключение.

Если в блоке «try» не выдается исключение, блок «catch» пропускается. Блок catch принимает аргумент, который является объектом исключения. Объект исключения содержит информацию об ошибке, включая название типа ошибки JavaScript, сообщение, имя файла и номер строки, в которой произошла ошибка.

try{
// code to try goes here
}
catch{
console.log("e.name + " " + e.message");
}

Подведение итогов

Javascript — это мощный язык, который можно использовать для создания различных приложений. Однако, как и в любом другом языке, важно знать о различных типах ошибок. Понимание различных ошибок JavaScript упрощает отладку кода и гарантирует, что он работает должным образом. Важно иметь представление об ошибках, которые затрагивают ваших пользователей, и иметь хорошие инструменты для их быстрого устранения.

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

Призыв к действию

Не стесняйтесь комментировать или писать нам, если у вас есть дополнительные вопросы по адресу [email protected]. Мы будем рады помочь вам. Если вы хотите изучить Zipy для своего приложения, вы можете зарегистрироваться здесь или заказать демонстрацию здесь.

Первоначально опубликовано на https://www.zipy.ai.