El conocimiento es el nuevo dinero.
Aprender es la nueva manera en la que inviertes
Acceso Cursos

Usando Optional Chaining y Nullish Coalescing In Typescript

· 2 min de lectura
Usando Optional Chaining y Nullish Coalescing In Typescript

TypeScript ofrece características poderosas que hacen que el código sea más conciso y eficiente. Dos de estas características, el encadenamiento opcional y la coalescencia nula, desempeñan un papel vital en el manejo efectivo de datos. En este artículo, exploraremos estas características en el contexto de la NBA, mostrando su capacidad para simplificar el código y manejar los datos fácilmente. ¡Así que adentrémonos en el mundo de TypeScript y la NBA!

Optional Chaining: Navegando de forma segura entre datos

Imagina que estás trabajando en una aplicación de estadísticas de la NBA y necesitas acceder a la información de los jugadores. Sin embargo, no todos los jugadores tienen datos completos disponibles.

Para garantizar un manejo de datos fluido, consideremos el ejemplo de acceder al nombre del equipo de un jugador utilizando el encadenamiento opcional:

const player = getPlayer();


Aquí, la función getPlayer() obtiene los datos del jugador de tu fuente de datos. Para acceder al nombre del equipo del jugador, podrías escribir inicialmente un código como este:

if (player !== undefined) {
  const team = player.team;
  if (team !== undefined) {
    const teamName = team.name;
  }
}

Este enfoque es cauteloso pero verboso. Afortunadamente, TypeScript ofrece una alternativa concisa con el encadenamiento opcional:


const teamName = player?.team?.name;

El uso del signo de interrogación después de cada propiedad asegura que la propiedad posterior se acceda solo si su propiedad padre existe. El optional chaining simplifica el código y te evita escribir múltiples declaraciones "if", reduciendo las posibilidades de encontrar errores de nulo o indefinido.

Si tu quieres aprender acerca de nuevos frameworks como es Qwik recuerda visitar el siguiente video

Nullish Coalescing: Proporcionando Valores Predeterminados en los Datos de la NBA

Nuestra aplicación de la NBA se encuentra con escenarios en los que puede faltar cierta información del jugador. Para manejar estos casos de manera elegante y proporcionar valores predeterminados, enfoquémonos en acceder al número de camiseta de un jugador utilizando la nullish coalescing:

const jerseyNumber = player.jerseyNumber !== undefined ? player.jerseyNumber : 0;

Aquí, verificamos si la propiedad "jerseyNumber" existe en el objeto "player". Si existe, usamos su valor; de lo contrario, proporcionamos un valor predeterminado de 0. Sin embargo, esto se puede simplificar utilizando la coalescencia nula:

const jerseyNumber = player.jerseyNumber ?? 0;

Los dos signos de interrogación (??) verifican si el valor del lado izquierdo es nulo o indefinido y proporcionan el valor del lado derecho como predeterminado si es necesario. nullish coalescing asegura que siempre tengamos un número de camiseta válido, incluso si falta en los datos del jugador.

Conclusion

Optional Chaining y Nullish Coalescing son características poderosas en TypeScript que mejoran enormemente el manejo de datos en proyectos relacionados con la NBA. Al navegar de manera segura por los datos con el encadenamiento opcional y proporcionar valores predeterminados utilizando la coalescencia nula, puedes simplificar tu código, reducir errores y crear aplicaciones TypeScript robustas.