Anotaciones de tipo explícitas
Parte de la sección Introducción a TypeScript del Journey de JavaScript de Coddy. Lección 11 de 73.
Comprender cuándo usar anotaciones explícitas en lugar de confiar en la inferencia es crucial para escribir código TypeScript eficaz.
El escenario más común que requiere anotaciones de tipo explícitas es cuando declaras una variable sin asignarle un valor inmediatamente:
let score: number; // Debe especificar el tipo explícitamente
score = 85; // Asignar el valor más tardeSin la anotación explícita : number, TypeScript inferiría el tipo como any, perdiendo todos los beneficios de seguridad de tipos. Al declarar explícitamente el tipo, te aseguras de que solo se puedan asignar valores numéricos a esta variable más adelante.
Desafío
FácilDeclara una variable llamada totalScore con el tipo explícito number sin asignarle un valor inicial.
En la siguiente línea, asigna el valor 95 a la variable totalScore.
Luego, declara otra variable llamada playerName con el tipo explícito string sin asignarle un valor inicial.
En la siguiente línea, asigna el valor "Alex" a la variable playerName.
Finalmente, imprime ambas variables en la consola en líneas separadas, primero totalScore y luego playerName.
Pruébalo tú mismo
// TODO: Escribe tu código aquí
Ponte a pruebaEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Todas las lecciones de Introducción a TypeScript
1Primeros pasos con TS
¿Qué es TypeScript?¿Por qué usar TypeScript?Tu primer código en TypeScriptProceso de compilación y erroresResumen: Introducción a TS4Trabajando con funciones
Tipado de parámetros y valores de retornoTipado de funciones de flechaEl tipo de retorno 'void'Parámetros opcionales con '?'Valores de parámetros por defectoTipado de parámetros restDefinición de tipos de funcionesRepaso: Construcción de funciones tipadas
2Tipos principales
Tipos básicos: str, num, booleanEl tipo 'any': Vía de escapeEl tipo 'unknown'Trabajando con 'null' y 'undef'Inferencia de tipos en acciónAnotaciones de tipo explícitasResumen: Práctica de tipos principales5Tipos: Alias, Uniones e Intersecciones
Alias de tipos para primitivosTipos de unión ('|')Trabajando con tipos de uniónTipos literalesTipos de intersección ('&')Combinando alias de tiposRepaso: Combinaciones de tipos avanzadas3Estructura de datos: Arrays y Tuplas
Arrays tipadosModificador 'readonly' para Arrays¿Qué es una Tupla?Declaración y acceso a TuplasDesestructuración de TuplasTuplas ReadonlyArrays tipados multidimensionalesOperador Spread con ArraysResumen: Arrays y TuplasPractica por tu cuenta: Compilador de JavaScript online