Paracetamol.ts💊| #24: Explica este código TypeScript

Explica este código TypeScript

Dificultad: Intermedio

¿Que hay de malo con este código?

type Id = number | string
type Size = "small" | "medium" | "big"

interface Dog {
  id: Id;
  name: string;
  age: number;
}

interface Dog {
  id: Id;
  name: string;
  age: number;
  color: string;
  size: Size;
}

const cooker:Dog = { // este objeto esta bien o no? 
  id: 1,
  name: "boby",
  age: 2,
}

console.log(cooker)

• A. Imprime cooker por consola sin ningún error
• B. Imprime cooker por consola pero con una advertencia
• C. Error, no imprime nada
• D. Ninguna de las anteriores

Respuesta

✅ B. Imprime cooker por consola pero con una advertencia

Pese a que hay más similitudes que diferencias entre un type y una interface, este ejemplo esta bueno para ver justamente eso, sus diferencias.

Como vemos tenemos dos interfaces Dog, podras pensar que esto puede dar un error, pero no es así:

1ra diferencia:
Podemos crear interfaces con el mismo nombre sin errores, de hecho la 2da interfaz Dog sobre escribe a la primera, siendo esta la que debemos usar.
Esto no es posible hacerlo con types, no podemos tener dos types con el mismo nombre.

cooker se imprime efectivamente, pero tenemos la advertencia de que no esta completo, faltan las propiedades color y size.

2da diferencia:
Las interfaces estan hechas para ser usadas con clases o para crear objetos, mientras que los types son más útiles para tipos primitivos.

---

Pueden ver el último reto acá:

Paracetamol.ts💊| #23: Explica este código TypeScript

Cristian Fernando ・ Mar 2 '23

#typescript #javascript #webdev #spanish