Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Acceder al tipado por indice

20/22
Recursos

Aportes 3

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Esta clase me voló la cabeza. TS definitivamente es mucho mejor que JS.
.

Como acceder al tipado de cierta propiedad?

Lo hacemos de una manera muy similar a la cual accedemos a valores en arrays dentro de JS, pero en este caso, en lugar de hacerlo en un array, lo aplicamos a una interfaz.

interface Human {
  name: string;
  age: number;
  isAlien: boolean;
}

function createHuman(name: Human["name"]) {
    // code
}

En este caso, el parámetro name en la función createHuman seria un string. La ventaja de esto es que si nosotros cambiamos ese tipo de dato por cualquier otra cosa, se cambia en automático.

Les comparto mis apuntes. 😄

Acceder al tipado por índice

Podemos acceder al tipado de una interface por media de bracket notation, al colocar una propiedad entre comillas dentro de los brackets vamos a obtener por resultado el tipo de dato que tiene esa propiedad.

Al colocar el tipo de dato de esta forma nos evitamos los dolores de cabeza cuando se nos cambien algún tipo de dato de nuestra interface por alguna razón.

Sintaxis

InterfaceName['property']

Ejemplo

const updateProduct = (idSearch: Product['id'])

En este caso estamos pasando como tipo de dato una interface y como índice tenemos a una de sus propiedades, por ende lo que en realidad recibe la propiedad de la función (idSearch) es el tipo de dato de ese índice de la interface.

Acceder al tipado por indice

Podemos acceder al tipado por indice 🤯🤯🤯

const updateProduct = (id: Product['id']) => {}

Así, si cambian el tipado de ‘id’ de Product, no habrá problemas (depende de caso).