Что значит uncaught referenceerror

Русские Блоги

Распространенные ошибки в методах отладки и восстановления JavaScript

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

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

Как прочитать ошибку?

Сначала давайте кратко рассмотрим структуру сообщения об ошибке. Понимание структуры помогает понять ошибки и уменьшает проблемы, если вы сталкиваетесь с ошибками вне списка.

Типичная ошибка в Chrome выглядит следующим образом:

Структура ошибки следующая:

1. Uncaught TypeError： Эта часть информации обычно не очень полезна. Uncaught Указывает, что ошибка не была catch Захват заявления, TypeError Это неправильное имя.
2. undefined is not a function: Вы должны прочитать эту часть информации дословно. Например, здесь означает, что код пытается использовать undefined Думайте об этом как о функции.

Другие браузеры на основе webkit, такие как Safari, выдают ошибки, подобные Chrome. Firefox похож, но он не всегда включает в себя первую часть, и последняя версия IE также дает более простые ошибки, чем Chrome, но здесь простота не всегда означает лучше.

Вот настоящие ошибки.

Uncaught TypeError: undefined is not a function

Связанные ошибки:

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

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

Поскольку свойства объекта не существуют, по умолчанию undefined , Приведенный выше код вызовет эту ошибку. При попытке вызвать метод, подобный числу, появляется ошибка «номер не является функцией».

Как исправить ошибку:Убедитесь, что имя метода указано правильно. Этот неправильный номер строки укажет правильное местоположение.

Uncaught ReferenceError: Invalid left-hand side in assignment

Связанные ошибки:

Попытка назначить что-то, что не может быть назначено, вызывает эту ошибку.

Наиболее распространенный пример этой ошибки возникает при использовании оператора if:

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

Как исправить ошибку:Убедитесь, что вы не присвоили значение результату функции, или this Ключевое слово.

Uncaught TypeError: Converting circular structure to JSON

Связанные ошибки:

Передайте объект с круговой ссылкой JSON.stringify Всегда будет вызывать ошибки.

Из-за вышеизложенного a и b Циклические ссылки друг на друга, результирующие объекты не могут быть преобразованы в JSON.

Как исправить ошибку: Удалите циклические ссылки в любом объекте, который вы хотите преобразовать в JSON.

Unexpected token ;

Связанные ошибки:

То, что ожидал интерпретатор JavaScript, не было включено. Несоответствующие скобки или квадратные скобки обычно вызывают эту ошибку, сообщения об ошибках могут отличаться “Unexpected token ]” или “Expected <” И так далее.

Как исправить ошибку: Иногда номер строки, в которой возникает ошибка, не точен, поэтому ее трудно исправить.

• [ ] < >( ) Несоответствие этих символов часто приводит к ошибкам. Убедитесь, что все скобки и квадратные скобки совпадают. Номера строк указывают не только на проблемные символы.
• Unexpected / Связанные с регулярными выражениями. Номер строки обычно правильный в этой точке.
• Unexpected ; В литерале объекта или массива есть один, это обычно вызывает эту ошибку, или в списке параметров вызова функции есть точка с запятой. Номер строки в это время обычно также правильный.

Uncaught SyntaxError: Unexpected token ILLEGAL

Связанные ошибки:

Строковый литерал без конечных кавычек.

Как исправить ошибку: Убедитесь, что все строки имеют закрывающие кавычки.

Uncaught TypeError: Cannot read property ‘foo’ of null, Uncaught TypeError: Cannot read property ‘foo’ of undefined

Связанные ошибки:

Попробуй прочитать null или undefined Думайте об этом как об объекте. Например:

Как исправить ошибку: Обычно вызвано опечаткой. Проверьте правильность имени переменной, используемой рядом с номером строки, указанным в ошибке.

Uncaught TypeError: Cannot set property ‘foo’ of null, Uncaught TypeError: Cannot set property ‘foo’ of undefined

Связанные ошибки:

Попробуй написатьnull илиundefined Думайте об этом как об объекте. Например:

Как исправить ошибку: Это также вызвано опечаткой. Проверьте имя переменной рядом с номером строки, указанным в ошибке.

Uncaught RangeError: Maximum call stack size exceeded

Связанные ошибки:

Обычно это вызвано ошибкой в ​​логике программы, что приводит к бесконечным рекурсивным вызовам функций.

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

Uncaught URIError: URI malformed

Связанные ошибки:

Вызвано неверным вызовом decodeURIComponent.

Как исправить ошибку: Проверьте номер строки, указанный ошибкой decodeURIComponent Звони и это правильно.

XMLHttpRequest cannot load [http://some/url/](http://some/url/). No ‘Access-Control-Allow-Origin’ header is present on the requested resource

Связанные ошибки:

Ошибка должна быть вызвана использованием XMLHttpRequest.

Как исправить: Убедитесь, что запрошенный URL-адрес правильный, следуетТа же политика происхождения , Лучший способ — найти URL, указанный в коде сообщения об ошибке.

InvalidStateError: An attempt was made to use an object that is not, or is no longer, usable

Связанные ошибки:

Метод, вызванный кодом, не может быть вызван в текущем состоянии. Обычно XMLHttpRequest Причина, вызов его до того, как метод будет готов, вызовет ошибку.

Тогда что-то идет не так, потому что setRequestHeader Метод может быть использован только в xhr.open Вызывается после метода.

Как исправить: Посмотрите на номер строки, указанный в ошибке, и убедитесь, что код работает в правильное время xhr.open ) Ненужные звонки были добавлены ранее

Интеллектуальная рекомендация

Преобразования общих типов для передачи данных по протоколу iOS-TCP / IP (приветствуются дополнения

Раньше я работал над проектами TCP / IP. Обработка данных является наиболее сложной задачей. Каждый раз, когда встречается новый тип данных, добавляется новый класс методов, что приводит к путанице. С.

Lotus версия 0.4.1 Данные цепочки блока Copy Block снижает синхронизацию

Lotus версия Скопируйте данные с узла, который был синхронизирован высотой блока Узел паузыlotus daemonБеги, сжатый каталогdatastoreПуть кlotus/datastore Копировать каталогchainс участиемmetadataЗамен.

Маленькая программа wx: ограничение количества списков цикла for

Все мы знаем, что wx: for используется для зацикливания массива. В этом цикле будут зациклены все данные в списке. Но часто нам не нужно зацикливать все данные или мы не хотим отображать все данные. О.

Шантажировал биткойн впервые

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

Источник

Ошибки в JavaScript и как их исправить

JavaScript может быть кошмаром при отладке: некоторые ошибки, которые он выдает, могут быть очень трудны для понимания с первого взгляда, и выдаваемые номера строк также не всегда полезны. Разве не было бы полезно иметь список, глядя на который, можно понять смысл ошибок и как исправить их? Вот он!

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

Как читать ошибки?

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

Типичная ошибка из Chrome выглядит так:

Структура ошибки следующая:

1. Uncaught TypeError: эта часть сообщения обычно не особо полезна. Uncaught значит, что ошибка не была перехвачена в catch , а TypeError — это название ошибки.
2. undefined is not a function: это та самая часть про ошибку. В случае с сообщениями об ошибках, читать их нужно прямо буквально. Например, в этом случае, она значит то, что код попытался использовать значение undefined как функцию.

Другие webkit-браузеры, такие как Safari, выдают ошибки примерно в таком же формате, как и Chrome. Ошибки из Firefox похожи, но не всегда включают в себя первую часть, и последние версии Internet Explorer также выдают более простые ошибки, но в этом случае проще — не всегда значит лучше.

Теперь к самим ошибкам.

Uncaught TypeError: undefined is not a function

Связанные ошибки: number is not a function, object is not a function, string is not a function, Unhandled Error: ‘foo’ is not a function, Function Expected

Возникает при попытке вызова значения как функции, когда значение функцией не является. Например:

Эта ошибка обычно возникает, если вы пытаетесь вызвать функцию для объекта, но опечатались в названии.

Несуществующие свойства объекта по-умолчанию имеют значение undefined , что приводит к этой ошибке.

Другие вариации, такие как “number is not a function” возникают при попытке вызвать число, как будто оно является функцией.

Как исправить ошибку: убедитесь в корректности имени функции. Для этой ошибки, номер строки обычно указывает в правильное место.

Uncaught ReferenceError: Invalid left-hand side in assignment

Связанные ошибки: Uncaught exception: ReferenceError: Cannot assign to ‘functionCall()’, Uncaught exception: ReferenceError: Cannot assign to ‘this’

Вызвано попыткой присвоить значение тому, чему невозможно присвоить значение.

Наиболее частый пример этой ошибки — это условие в if:

В этом примере программист случайно использовал один знак равенства вместо двух. Выражение “left-hand side in assignment” относится к левой части знака равенства, а, как можно видеть в данном примере, левая часть содержит что-то, чему нельзя присвоить значение, что и приводит к ошибке.

Как исправить ошибку: убедитесь, что вы не пытаетесь присвоить значение результату функции или ключевому слову this .

Uncaught TypeError: Converting circular structure to JSON

Связанные ошибки: Uncaught exception: TypeError: JSON.stringify: Not an acyclic Object, TypeError: cyclic object value, Circular reference in value argument not supported

Всегда вызвано циклической ссылкой в объекте, которая потом передается в JSON.stringify .

Так как a и b в примере выше имеют ссылки друг на друга, результирующий объект не может быть приведен к JSON.

Как исправить ошибку: удалите циклические ссылки, как в примере выше, из всех объектов, которые вы хотите сконвертировать в JSON.

Unexpected token ;

Связанные ошибки: Expected ), missing ) after argument list

Интерпретатор JavaScript что-то ожидал, но не обнаружил там этого. Обычно вызвано пропущенными фигурными, круглыми или квадратными скобками.

Токен в данной ошибке может быть разным — может быть написано “Unexpected token ]”, “Expected <” или что-то еще.

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

Ошибка с [ ] < >( ) обычно вызвано несовпадающей парой. Проверьте, все ли ваши скобки имеют закрывающую пару. В этом случае, номер строки обычно указывает на что-то другое, а не на проблемный символ.

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

Unexpected; обычно вызвано символом; внутри литерала объекта или массива, или списка аргументов вызова функции. Номер строки обычно также будет верным для данного случая.

Uncaught SyntaxError: Unexpected token ILLEGAL

Связанные ошибки: Unterminated String Literal, Invalid Line Terminator

В строковом литерале пропущена закрывающая кавычка.

Как исправить ошибку: убедитесь, что все строки имеют правильные закрывающие кавычки.

Uncaught TypeError: Cannot read property ‘foo’ of null, Uncaught TypeError: Cannot read property ‘foo’ of undefined

Связанные ошибки: TypeError: someVal is null, Unable to get property ‘foo’ of undefined or null reference

Попытка прочитать null или undefined так, как будто это объект. Например:

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

Uncaught TypeError: Cannot set property ‘foo’ of null, Uncaught TypeError: Cannot set property ‘foo’ of undefined

Связанные ошибки: TypeError: someVal is undefined, Unable to set property ‘foo’ of undefined or null reference

Попытка записать null или undefined так, как будто это объект. Например:

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

Uncaught RangeError: Maximum call stack size exceeded

Связанные ошибки: Uncaught exception: RangeError: Maximum recursion depth exceeded, too much recursion, Stack overflow

Обычно вызвано неправильно программной логикой, что приводит к бесконечному вызову рекурсивной функции.

Как исправить ошибку: проверьте рекурсивные функции на ошибки, которые могут вынудить их делать рекурсивные вызовы вечно.

Uncaught URIError: URI malformed

Связанные ошибки: URIError: malformed URI sequence

Вызвано некорректным вызовом decodeURIComponent .

Как исправить ошибку: убедитесь, что вызовы decodeURIComponent на строке ошибки получают корректные входные данные.

XMLHttpRequest cannot load some/url. No ‘Access-Control-Allow-Origin’ header is present on the requested resource

Связанные ошибки: Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at some/url

Эта проблема всегда связана с использованием XMLHttpRequest.

Как исправить ошибку: убедитесь в корректности запрашиваемого URL и в том, что он удовлетворяет same-origin policy. Хороший способ найти проблемный код — посмотреть на URL в сообщении ошибки и найти его в своём коде.

InvalidStateError: An attempt was made to use an object that is not, or is no longer, usable

Связанные ошибки: InvalidStateError, DOMException code 11

Означает то, что код вызвал функцию, которую нельзя было вызывать в текущем состоянии. Обычно связано c XMLHttpRequest при попытке вызвать на нём функции до его готовности.

В данном случае вы получите ошибку потому, что функция setRequestHeader может быть вызвана только после вызова xhr.open .

Как исправить ошибку: посмотрите на код в строке, указывающей на ошибку, и убедитесь, что он вызывается в правильный момент или добавляет нужные вызовы до этого (как с xhr.open ).

Заключение

JavaScript содержит в себе одни из самых бесполезных ошибок, которые я когда-либо видел, за исключением печально известной Expected T_PAAMAYIM_NEKUDOTAYIM в PHP. Большая ознакомленность с ошибками привносит больше ясности. Современные браузеры тоже помогают, так как больше не выдают абсолютно бесполезные ошибки, как это было раньше.

Какие самые непонятные ошибки вы встречали? Делитесь своими наблюдениями в комментариях.

Источник