Espera un momento ...
¿Te gustaría llevar mi curso de Laravel, gratis?
Sólo debes ingresar tus datos:
Esta lección está disponible únicamente para suscriptores.
Regístrate o inicia sesión para continuar aprendiendo:
Veamos cómo podemos usar Union con valores literales, y un ejemplo de cómo esto nos puede resultar de ayuda.
Esta lección no cuenta con recursos adicionales.
Si crees que hace falta algo, o necesitas ayuda, puedes publicar una pregunta en el foro.
Así como nosotros podemos usar el operador de union para que una propiedad acepte dos tipos de datos, también podemos usar union con valores literales, es decir, con cadenas y con números. Estos valores específicos podemos definirlos cuando una variable solo debe admitir cierto tipo de valores. Por ejemplo, queremos indicar que este usuario se encuentra activo y queremos indicar que este otro usuario se encuentra inactivo. Tal vez luego tenemos un tercer usuario y este valor no se especifica. ¿Cómo solucionamos este error? Como ya sabemos, solo tenemos que agregar un state. De esta manera ya no hay errores. Vemos que este primer usuario se encuentra activo, este segundo usuario inactivo y este tercer usuario ABC. Este dato de aquí no tiene sentido, sin embargo no hay errores porque es un string. ¿Cómo podemos indicar en la definición de nuestro tipo que esta variable solo puede tener ciertos valores? Podemos hacerlo usando union e indicando aquí cuáles son los valores posibles para esta propiedad. Vamos a decir que active está permitido inactive también y que todos los usuarios pueden tener solo estos dos estados. Entonces esto pasará correctamente, esto también y aquí vamos a tener un error. El valor literal ABC no es asignable, nos dice para state porque el tipo para state en este caso solo admite dos valores. Dos valores literales, active o inactive. Por lo tanto, esto de aquí está incorrecto. Como vemos resulta de mucha ayuda usar tipos porque de esta manera nosotros podemos detectar errores en nuestro ejemplo. Sin tener que ejecutar nuestro programa, podemos detectar errores en nuestro código, de repente alguien estuvo contribuyendo nuestro proyecto y se equivocó y escribió en vez de active puso la R por ejemplo que en el teclado está cerca la letra E, sin TypeScript probablemente nadie lo hubiese notado, pero con TypeScript, incluso la misma persona que está haciendo el cambio va a recibir un error, entonces como vemos TypeScript es de bastante ayuda, nos ayuda a encontrar problemas a tiempo.
¿Tienes dudas?
Publicar preguntaRegístrate
Inicia sesión para llevar un control de tu progreso.
Capítulos
06
08
09
10
30
35
38
44
48
49
56
79
81
82
84
99
107
112
119
Estás viendo un capítulo de la serie Aprende Vue 3, Vite, VueRouter, Vuetify, Pinia y TypeScript
Espera un momento ...
¿Te gustaría llevar mi curso de Laravel, gratis?
Sólo debes ingresar tus datos: