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: Cannot set/read properties of undefined/null”是什么意思以及如何解决？

  • 772

以下代码失败：

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

console.log(obj1.atributo);

在控制台中显示消息：

未捕获的类型错误：无法读取未定义的属性（读取“属性”）

在 Firefox (v96) 中，消息是：

未捕获的类型错误：obj1 未定义

这是什么意思，我该如何解决？

javascript

2 Answers

  1. Best Answer

    基于错误

    未捕获的类型错误：无法读取未定义的属性“属性”

    此错误很常见，您尝试访问不存在的元素或其值未定义

    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));

    如何解决？

    对于此错误，变量的值必须为null或undefined，您可以执行以下操作：

    • 检查对象是否被声明
    • 对您的对象的分配不接收 null 或未定义的参数
    • 如果您使用外部库，请验证它是否已正确导入

    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: Cannot read property 'XXX' of undefined”的含义是：

    未捕获的类型错误：无法从 中读取属性“XXX” undefined。

    这意味着我们正在尝试访问未定义标识符的属性（属性或函数）。

    在问题的示例中，发生错误是因为我们有两个变量 obj1 和 obj2，其中 obj1 没有被赋值，它是undefined。如果 obj1 相等null，则错误将相似。

    如何解决？

    解决这个问题的方法是在我们的代码中查找XXX我们试图访问（或设置）的属性，然后查看为什么父对象是nullor undefined。

    典型的原因通常是：

    • 尝试访问由异步代码修改的变量（对 AJAX 调用或事件，如鼠标单击或击键的响应），然后再将值分配给该变量。

    • 假设一个函数总是返回除nullor以外的值undefined：例如，如果这个查询返回一个包含 2 个元素的列表，但我们试图访问不存在的第三个元素：

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