Почему возникает ошибка: Uncaught TypeError: Cannot read property of undefined or null (reading ***)
Периодически, при разработке на JavaScript возникает ошибка: Cannot read property *** of undefined или Cannot read property *** of null Например в этом коде:
const count = result.data.length; Cannot read property of undefined (reading ‘length’)
Или в этом:
const dataMap = response.lines.map(item => item * 2); Uncaught TypeError: Cannot read properties of undefined (reading ‘map’)
Как понять причину ошибки, что оно означает, почему появляются и как ее исправить?
Отслеживать
задан 20 дек 2022 в 18:51
9,255 7 7 золотых знаков 15 15 серебряных знаков 30 30 бронзовых знаков
27 сен 2023 в 12:19
1 ответ 1
Сортировка: Сброс на вариант по умолчанию
Cannot read property of undefined/null (reading ‘method’)
Ошибка нам говорит, что мы пытаемся вызвать свойство или метод method объекта, в то время, как сам объект являет null или undefined
Рассматривать будем на примере данного объекта
const data = < name: 'TypeError', message: '', errors: null, sayHi: function() < console.log(this.name) >> Ошибка возникнет, если мы попытаемся выполнить следующий код:
data.errors.forEach(item => console.log(item)); // null.forEach() Uncaught TypeError: Cannot read properties of null (reading ‘forEach’)
data.values.map(item => console.log(item)); // undefined.map() Uncaught TypeError: Cannot read properties of undefined (reading ‘map’)
Данные ошибки говорят нам о том, что мы пытаемся вызвать методы у ничего(null или undefined).
data.errors это null. У null нет методов. А data.values вообще не существует. Нельзя вызвать метод у того, что не существует.
Так же, если объявить переменную и попытаться вызвать у нее какой либо метод без инициализации, то получим ошибку(в данном случае Cannot read properties of undefined (reading ‘push’)):
const arr; arr.push(1); // undefined.push(); Cannot read property
of undefined — ключ не определен, т.е. отсутствует в объекте.
of null — ключ в объекте есть, но имеет значение null. У null нет методов.
Как понять, где возникла ошибка?
В Node.JS:
file:///C:/dev/nodeserver/SO/11.js:10 // Номер строки data.errors.forEach(item => console.log(item)); // null.forEach() ^ TypeError: Cannot read properties of null (reading 'forEach') at ←[90mfile:///C:/dev/nodeserver/SO/←[39m11.js:10:13 ←[90m at ModuleJob.run (node:internal/modules/esm/module_job:193:25)←[39m at async Promise.all (index 0) ←[90m at async ESMLoader.import (node:internal/modules/esm/loader:533:24)←[39m ←[90m at async loadESM (node:internal/process/esm_loader:91:5)←[39m ←[90m at async handleMainPromise (node:internal/modules/run_main:65:12)←[39m Здесь at ←[90mfile:///C:/dev/nodeserver/SO/←[39m11.js:10:13 мы видим номер строки с ошибкой и позицию, где произошла ошибка.
В браузере это выглядит так:
Uncaught TypeError: Cannot read properties of null (reading 'forEach') at 123.html?_ijt=vkfkm1ubo3ut5c02m72ihg4lgu:72:15 где 72 это номер строки, а 15 это точка, где возникла ошибка.
Как этого избежать?
Проверять, что приходит в объекте и существуют ли в объекте нужные нам значения. Один из вариантов проверки, воспользоваться console.log() .
Можно начать с последнего ключа, однако лучше весь пусть вывести, что бы понимать структуру, с которой работаем:
console.log(data) // < name: 'TypeError', message: '', errors: null, sayHi: [Function] >console.log(data.errors) // null Так же можно воспользоваться оператором необязательной цепочки вызовов ‘?.‘
const a = data?.errors?.forEach(item => console.log(item)); // null.forEach() const b = data?.values?.map(item => console.log(item)); // undefined.map() Оператор необязательной цепочки вызовов будет проверять значение слева. Если значение null или undefined , цепочка прерывается и возвращается значение undefined.
Для объявленных переменных указывать тип данных
const arr = []; // Указываем, что меременная это массив arr.push(1); // Можем воспользоваться любым методом массива; Что означает ошибка: TypeError: ‘undefined’ is not an object
Это значит, что браузер не может найти нужный объект.
Ситуация: вы пишете скрипт, в котором вам нужно выяснить расстояние от верха экрана до начала нужного элемента. У этого элемента есть класс .entry-content, и вы используете jQuery, чтобы достучаться до него:
// …
var dh;
dh = $(‘.entry_content’).offset().top;
После запуска скрипта браузер выдаёт ошибку:
❌ TypeError: ‘undefined’ is not an object
Странно, но вы точно знаете, что таким способом можно искать элемент по его классу. Более того, точно такой же код работает тремя строчками выше и без ошибок.
Что это значит: браузер при виде точки понимает, что перед ним — объект, у которого есть какие-то свойства. Эта ошибка означает, что вы пытаетесь обратиться к свойствам несуществующего объекта.
Когда встречается: когда программист делает опечатки в имени объекта, неправильно объявляет его или начинает работать с чем-то, что точно не объект.
В нашем примере программист неправильно указал имя раздела при вызове, и вот что произошло:
- Браузер знает, что на странице есть элемент с классом entry-content, который написан через дефис.
- Программист увлёкся и поставил знак подчёркивания вместо дефиса.
- Скрипт попытался найти этот класс, но не смог, поэтому вернул значение undefined.
- После этого команда стала выглядеть так: dh = undefined.offset().top, но undefined.offset() — это не объект, а что-то неопределённое, у которого нет свойства top.
- Браузер выдаёт ошибку, что вообще-то это не объект и работать с ним он не будет.
Что делать с ошибкой TypeError: ‘undefined’ is not an object
Эта ошибка означает, что вы пытаетесь использовать как объект то, что им не является. Чтобы исправить эту ошибку, проверьте:
- нет ли у вас опечаток в именах и названиях (скорее всего);
- правильно ли вы определили нужный объект;
- в jQuery нужно будет дополнительно проверить, не теряется ли значение this или $ при использовании внутри функции;
- есть ли внутри вашей переменной или объекта вообще что-нибудь, с чем можно работать.
Попробуйте сами
У вас есть страница с элементом и JavaScript-кодом. При повторном запуске анимации он падает с нашей ошибкой. Попробуйте выяснить, почему так происходит.
document.addEventListener('DOMContentLoaded', function (event) '; setTimeout(function () < typeWriter(text, i + 1, fnCallback) >, 100); > else if (typeof fnCallback == 'function') < setTimeout(fnCallback, 700); >> function StartTextAnimation(i) < if (typeof dataText[i] == 'undefined') < setTimeout(function () < StartTextAnimation(0); >, 10000); > // ВОТ ТУТ ОШИБКА ↓ if (i < dataText[i].length) < typeWriter(dataText[i], 0, function () < StartTextAnimation(i + 1); >); > > StartTextAnimation(0); >);Получите ИТ-профессию
В «Яндекс Практикуме» можно стать разработчиком, тестировщиком, аналитиком и менеджером цифровых продуктов. Первая часть обучения всегда бесплатная, чтобы попробовать и найти то, что вам по душе. Дальше — программы трудоустройства.
Документация
Ошибка твердости: неопределенная функция или переменная
Проблема
Можно столкнуться со следующим сообщением об ошибке или чем-то подобным, при работе с функциями или переменными в MATLAB ® :
Undefined function or variable 'x'.
Эти ошибки обычно указывают, что MATLAB не может найти конкретную переменную или файл программы MATLAB в текущем каталоге или на пути поиска файлов.
Возможные решения
Проверьте написание имени функции или имени переменной
Одна из наиболее распространенных причин пишет c ошибкой имя функции или имя переменной. Особенно с более длинными именами или именами, содержащими похожие символы (такие как буква l и цифра «один»), легко сделать ошибки и трудно обнаружить их.
Часто, когда вы пишете функцию MATLAB c ошибкой, предложенное имя функции появляется в Командном окне. Например, эта команда перестала работать, потому что она содержит заглавную букву в имени функции:
accumArray
Undefined function or variable 'accumArray'. Did you mean: >> accumarray
Когда это произойдет, нажмите Enter, чтобы выполнить предложенную команду или Esc, чтобы отклонить его.
Проверьте, что входные параметры соответствуют синтаксису функций
Методы объекта обычно называются с помощью синтаксиса функций: например , method(object,inputs) . В качестве альтернативы они могут быть названы с помощью записи через точку: например , object.method(inputs) . Одна распространенная ошибка должна смешать эти синтаксисы. Например, вы можете вызвать метод с помощью синтаксиса функций, но обеспечить входные параметры после синтаксиса записи через точку и не учесть объект как вход: например, method(inputs) . Чтобы избежать это, при вызове метода объекта, убеждается, что вы задаете объект сначала, или через первый вход синтаксиса функций или через первый идентификатор записи через точку.
Убедитесь, что имя функции совпадает с именем файла
Когда вы пишете функцию, вы задаете ее имя, когда вы пишете ее функциональную линию определения. Это имя должно всегда совпадать с именем файла, в котором она сохранена. Например, если вы создаете функцию с именем curveplot ,
function curveplot(xVal, yVal) - program code -
затем необходимо назвать файл, содержащий эту функцию curveplot.m . Если вы создаете a pcode файл для функции, затем назовите тот файл curveplot.p . В случае конфликтной функции и имен файлов, имя файла заменяет имя, данное функции. В этом примере, если вы сохраняете curveplot функционируйте в файл с именем curveplotfunction.m , то попытка обратиться к функции по имени будет неудачной:
curveplot Undefined function or variable 'curveplot'.
Если вы столкнулись с этой проблемой, измените имя функции либо файла так, чтобы они совпали.
Чтобы Определить местоположение файла, который задает эту функцию, используйте утилиту Find Files MATLAB можно следующим образом:
- На вкладке Home, в разделе File, нажимают Find Files.
- В поле Find files named: введите *.m
- Под Find files containing text введите имя функции.
- Нажмите кнопку Find
Убедитесь, что необходимый тулбокс установлен и правильная версия
Если вы не можете использовать встроенную функцию из MATLAB или его тулбоксов, убедитесь, что функция установлена и является правильной версией.
Если вы не знаете, какой тулбокс содержит необходимую функцию, обратитесь к поиску по функциям в https://www.mathworks.com/help . Имя тулбокса появляется наверху страницы ссылки на функцию. В качестве альтернативы для шагов, чтобы идентифицировать тулбоксы, от которых зависит функция, смотрите, Идентификация программных зависимостей.
Если вы знаете, какому тулбоксу функция принадлежит, используйте ver функция, чтобы видеть, какие тулбоксы установлены в системе, от которой вы запускаете MATLAB. ver функционируйте отображает список всего в настоящее время установленного MathWorks ® продукты. Если можно определить местоположение тулбокса, вам нужно в выводе, отображенном ver , затем тулбокс установлен. Если вы не можете, необходимо установить его для того, чтобы использовать его. Для справки с установкой Продуктов Mathworks см. менеджер лицензий Установки на Сервере лицензий.
Проверьте путь, используемый к тулбоксу функции доступа
Совет
Если у вас будет пользовательский путь к файлу, этот шаг удалит его.
Путь поиска файлов MATLAB является подмножеством всех папок в файловой системе. MATLAB использует путь поиска файлов, чтобы определить местоположение файлов, используемых с Продуктами Mathworks эффективно. Для получения дополнительной информации смотрите то, Что Путь поиска файлов MATLAB?.
Если функция, которую вы пытаетесь использовать, является частью тулбокса, то проверьте, что тулбокс является доступным использованием ver .
Поскольку MATLAB хранит информацию тулбокса в файле кэша, необходимо сначала обновить этот кэш и затем сбросить путь.
- На вкладке «Главная страница (Home)» в разделе «Конфигурация (Environment)» нажмите «Настройки (Preferences)».
Диалоговое окно Preference появляется. - На странице MATLAB>General выберите Update Toolbox Path Cache.
- На вкладке Home, в разделе Environment, выбирают
Set Path. Диалоговое окно Set Path открывается. - Выберите Default. Маленькое диалоговое окно открывает предупреждение, что вы потеряете свои текущие настройки пути, если вы продолжите. Выберите Yes, если вы решаете продолжить.
Запущенный ver видеть, установлен ли тулбокс. В противном случае вы, возможно, должны переустановить этот тулбокс, чтобы использовать эту функцию. Для получения дополнительной информации о том, чтобы установить тулбокс, смотрите, Как я установил дополнительные тулбоксы в существующую установку MATLAB.
Однажды ver показывает ваш тулбокс, запустите следующую команду, чтобы видеть, можно ли найти функцию:
which -all
заменяя именем функции. Если MATLAB находит ваш файл функции, он дарит вам путь к нему. Можно добавить что файл в путь с помощью addpath функция. Если это не делает, убедитесь, что необходимый тулбокс установлен, и что это — правильная версия.
Подтвердите, что лицензия активна
Если вы не можете использовать встроенную функцию от тулбокса MATLAB и подтвердили, что тулбокс установлен, убедитесь, что у вас есть активная лицензия на тот тулбокс. Используйте license отобразить в настоящее время активные лицензии. Для дополнительной поддержки лицензий управления смотрите, Управляют Вашими Лицензиями.
Ошибка undefined class constant __construct как исправить?
При попытке запустить код из 2-го урока вылезло 2 ошибки: Fatal error: Undefined class constant ‘__construct’ in G:\OSPanel\domains\kinomonster\application\controllers\News.php on line 10 A PHP Error was encountered
Severity: Error Message: Undefined class constant ‘__construct’ Filename: controllers/News.php Line Number: 10 Backtrace: и A PHP Error was encountered
Severity: Warning Message: Cannot modify header information — headers already sent by (output started at G:\OSPanel\domains\kinomonster\application\controllers\News.php:10) Filename: core/Common.php Line Number: 570 Backtrace: Вместо XAMPP использую Open Server, настройки и пути правильные, если я правильно понимаю интерпретатору не удается обратиться к конструктору из родительского класса CI_Controller, в чем дело и как это исправить? Мой код:
public function index() < $data["title"] = "all news"; $this->load->view("templates/header", $data); $this->load->view("news/index", $data); $this->load->view("templates/footer"); > >