Uso de Optional Chaining y Nullish Coalescing (??) en JS

Introducción Validar si una propiedad anidada existe en un objeto de API (ej: user.profile.settings.theme) solía requerir largas cadenas de && o bloques if. Si una propiedad faltaba, el código explotaba. La solución elegante es el Optional Chaining (?.) y el Nullish Coalescing (??), que permiten manejar valores nulos de forma concisa y segura.

Solución Rápida (Código)

const usuario = { config: { volumen: 0 } };

// Antes: Verboso
const vol = usuario.config && usuario.config.volumen !== undefined ? usuario.config.volumen : 50;

// Ahora: Moderno y Seguro
const volumen = usuario.config?.volumen ?? 50;

console.log(volumen); // 0 (Correcto, no es 50)

Explicación técnica El operador ?. detiene la evaluación y devuelve undefined si la parte anterior es null o undefined, evitando el error “Cannot read property…”. Por otro lado, el operador ?? es superior al clásico OR (||) porque solo aplica el valor por defecto si el lado izquierdo es estrictamente null o undefined.

Esto es crucial cuando trabajas con números (como 0) o booleanos (false), que son valores “falsy” en JS. Si usaras ||, un volumen de 0 se convertiría erróneamente en 50. Usar estos operadores no solo reduce el número de líneas de código, sino que hace que la lógica de tu aplicación sea mucho más robusta y menos propensa a errores silenciosos al procesar datos externos o configuraciones de usuario.

Conclusión Escribir código moderno es sinónimo de eficiencia. Te invitamos a explorar nuestra guía sobre Novedades de ECMAScript 2026 para estar siempre a la vanguardia.