CodeAventura
JavaScript
▸Objetos▸Acceso seguro con optional chaining

Misión

Editor
Consola
La consola está vacía. Pulsa EJECUTAR para correr tu código.
23 / 32Acceso seguro con optional chaining
Anterior

Acceso seguro con optional chaining

El problema real

Cuando trabajas con objetos anidados, a veces una parte no existe todavía. Y si intentas acceder igual, JavaScript rompe la ejecución.

Si direccion es undefined, este acceso lanza error.

La solución: ?.

optional chaining (encadenamiento opcional) permite leer propiedades sin romper el programa.

Cómo se interpreta:

  • si usuario existe, sigue
  • si direccion existe, sigue
  • si algo no existe, devuelve undefined en lugar de explotar

Por qué esto es tan útil

En aplicaciones reales recibes datos incompletos todo el tiempo:

  • formularios a medio llenar
  • respuestas de API con campos opcionales
  • configuraciones que todavía no están definidas

?. te ayuda a escribir código más resistente.

Diferencia clave

?. no inventa datos. Solo evita el error de acceso y devuelve undefined si falta algo.

Por eso suele combinarse con validaciones o valores por defecto más adelante.

Ejemplo mental rápido

Sin ?., esto lanzaría un TypeError.

Tu desafío 🚀

  1. Crea un objeto con datos anidados
  2. Usa ?. para acceder a una propiedad profunda
  3. Muestra el resultado con console.log

Código sólido no es el que nunca falla: es el que sabe manejar cuando faltan datos.