Home / Questions / 169194
Accepted
Pablo Lozano
Asked: 2020-05-31 07:39:53 +0800 CST 2020-05-31 07:39:53 +0800 CST

Что означает «Uncaught TypeError: невозможно установить/прочитать свойства undefined/null» и как это исправить?

  • 772

Следующий код не работает:

let obj1,obj2;
obj2 = {
  atributo: 'texto'
};

console.log(obj1.atributo);

Показ в консоли сообщения:

Uncaught TypeError: невозможно прочитать свойства неопределенного (чтение «атрибута»)

В Firefox (v96) сообщение:

Uncaught TypeError: obj1 не определен

Что это значит и как я могу это исправить?

javascript

2 Answers

  1. Best Answer

    На основании ошибки

    Uncaught TypeError: невозможно прочитать атрибут свойства undefined

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

    console.info("Ejemplo de acceso a un elemento del DOM que existe")
const div_existe = document.getElementById("existe")
console.log("div=", div_existe)
console.log("atributo div=" , div_existe.innerHTML) 
//caso que no existe 
console.info("Intentando Acceder a un elemento que NO Existe")
const div_no_existe = document.getElementById("no_existe")
console.log("div=", div_no_existe)
console.log("atributo div=", div_no_existe.innerHTML) //linea de error
    <div id="existe">chispas!!!</div>

    Ошибка означает, что вы не можете получить доступ к этому свойству , но почему?

    В примере, который вы разместили obj1, он объявлен, но не используется, давайте посмотрим, какой тип данных выдает нам тест.

    let obj1,obj2;
obj2 = {
  atributo: 'texto'
};
console.log("obj1->" , typeof(obj1));
console.log("obj2->" , typeof(obj2));

    Как это решить?

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

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

    let libreriaExterna 
libreriaExterna.top = 3;

    • Проверьте, существует ли атрибут (в худшем случае, если ваш объект очень изменчив)

    let obj1 ,obj2
obj2 = {
  atributo: 'texto'
};

console.log("obj1: ¿está definido?" , typeof obj1 !== 'undefined');
console.log("obj2: ¿está definido?" , typeof obj2 !== 'undefined');
console.log("obj2.atributo: ¿está definido?" , typeof obj2.atributo !== 'undefined');

    • Управляйте ими с помощью Try/Cath (это есть в JavaScript? да)

    let obj1,obj2;
obj2 = {
  atributo: 'texto'
};
try{
console.log(obj1.atributo);
}catch(e){
console.error(e.message," porque no existe el objeto");

}

    • 19

  2. После серии вопросов и ответов на ту же тему

    Поясним его эквивалент в Javascript:

    Что это значит?

    Значение сообщения об ошибке «Uncaught TypeError: не удается прочитать свойство XXX неопределенного» :

    Uncaught TypeError: Не удается прочитать свойство «XXX» из undefined.

    А это значит, что мы пытаемся получить доступ к свойству (атрибуту или функции) идентификатора, который не определен.

    В примере в вопросе ошибка возникает из-за того, что у нас есть две переменные, obj1 и obj2, где obj1 не присвоено значение, оно не определено . Если бы obj1 был равен null, ошибка была бы аналогичной.

    Как это решить?

    Чтобы это исправить, нужно найти в нашем коде атрибут , к которому XXXмы пытаемся получить доступ (или установить), а затем понять, почему родительский объект имеет значение nullили undefined.

    Типичными причинами обычно являются:

    • Попытка доступа к переменной, измененной асинхронным кодом (ответом на вызов AJAX или событием, таким как щелчок мышью или нажатие клавиши), прежде чем он присвоил значение этой переменной.

    • Предполагая, что функция всегда возвращает значение, отличное от nullили undefined: например, если этот запрос возвращает список с 2 элементами, но мы пытаемся получить доступ к несуществующему третьему элементу:

      let myDivs = document.getElementsByClass('myDiv');
let text=myDivs[2].innerText;
// Uncaught TypeError: Cannot read property 'innerText' of undefined
    • 12