Intro

Optional chaining hablemos que como nos va a salvar la vida cuando trabajemos con manipulación de arrays y querer acceder a elementos dentro de ellos.

Tenemos un objeto que tiene otros objetos y estos tienen una propiedad. Duda

const users = {
    gndx: {
        country: "MX"
    },
    ana: {
        country: "CO"
    }
}
console.log(users.gndx.country); //MX | **Todo bien**.

Undefined

Cuando intentas acceder a propiedades de un objeto que no existen, JavaScript te retornará undefined. Sorpresa

console.log(users.gndx.age);//undefined | No accede al elemento, (age) no existe.

const usuario = {}
console.log(usuario.redes) // undefined

Si hiciéramos alguna validación, una lógica que dependa de acceder a este elemento, puede llegar a romper nuestro programa.

Typo

console.log(users.bebeloper.country); //Marca TypeError.

Queremos acceder a un valor que sabemos que puede que ya no este ahí (bebeloper)no existe por eso no se puede acceder a country.

Este definitivamente es el peor (un error) porque daña el funcionamiento del programa.