Basándonos del error
Uncaught TypeError: Cannot read property 'atributo' of undefined
Este error es muy comun estas intentando acceder a un elemento que no existe o su valor es 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>
El error significa que no puedes acceder a esa propiedad, pero ¿por qué?
En el ejemplo que colocastes obj1
esta declarado pero no utilizado, veamos el tipo de dato que nos arroja la prueba
let obj1,obj2;
obj2 = {
atributo: 'texto'
};
console.log("obj1->" , typeof(obj1));
console.log("obj2->" , typeof(obj2));
¿Como solucionarlo?
Para que de este error el valor de las variables deben ser null o undefined, lo que puedes hacer es lo siguiente:
- Verificar si el objeto esta declarado
- La asignación a tu Objeto no reciba parámetros null o undefined
- Si usas una librería externa verificar que este bien importada
let libreriaExterna
libreriaExterna.top = 3;
- Validar si el atributo existe (en el peor de los casos que tu objeto sea muy variable)
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');
- Controlarlos con un Try/Cath(Javascript tiene eso? sí)
let obj1,obj2;
obj2 = {
atributo: 'texto'
};
try{
console.log(obj1.atributo);
}catch(e){
console.error(e.message," porque no existe el objeto");
}