TypeScript Type Annotations
Brandon M. · 20 de agosto de 2026
¿Qué son?
Que onda, pues esto es si no al menos uno de los puntos mas fundamentales de TypeScript, incluso me parece que te ahí viene el el nombre de TypeScript, ter permiten declarar de forma explicita el tipo de dato de una variable, un parámetro de una función, o lo que va a devolver runa función va totalmente de la mano con el const.
¿Cuales tenemos?
Pues se divide básicamente en tres, los que se usan en las variables/constantes, las funciones y en objetos, que ojo es la misma cosa, y los tipos son los que tenemos en JavaScript pues acá va.
1- Primitivos
Literal son los tipos de datos que JavaScript permite manejar y se declaran así:
const nombre: string = "El Pingus";
const altura: number = 3.2;
const taWapo: boolean = true;
const paQue: null = null;
let noAsignado: undefined = undefined;
const elGrande: bigint = 9007199254740991n;
const idenificadorGenerico: symbol = Symbol("id");De esta forma cada vez que tengamos que hacer cálculos podemos mandar a llamar la constante de const ya que nos da la certeza de que no la pudieron cambiar.
Básicamente eso, nos ayuda a validar que no la estemos regando, intentado asignar un numero a una bandera o viceversa, en realidad entre si.
2- Para vectores/arrays
Básicamente asegura que el array que estemos declarando tenga un tipo de dato especificado y lo mismo, que no vayamos a querer hacer combinaciones raras.
const nivelesPoder: number[] = [98, 87, 92, 30000];
const nombrePerros: Array<string> = ["firulais", "Chhh", "Carlos"];Básicamente le estamos diciendo oye este array solo acepta elementos de tipo numero o de tipo cadena, entonces si nosotros intentáramos por ejemplo:
nivelesPoder.push("El nivel de Diosito"); Inmediatamente nos va a arrojar un error, y tu dirías pues que hago si necesito un array que me de la ventaja de JavaScript de poder poner cualquier tipo de dato? acá es donde ponemos el famoso any, si nosotros tuviéramos:
const nivelesPoder: any[] = [98, 87, 92, 30000, "Nivel Dios"];Con esto pa, ya puedes meterle lo que quieras, pero oye, es que yo no quiero que sea cualquier tipo de dato, pero pues si no se que sea numero y cadena se puede?
Chi
Y se hace así:
const nivelesPoder: (number | string)[] = [98, 87, 92, 30000, "Nivel Dios"];Definiéndolo de esa forma, te permite registrar números y cadenas pero no te dejaría una bandera por ejemplo.
3- Parámetros de una función
Que tanto te puedo explicar de esto, pero literal puedes definir que tipo de dato vas a recibir para los parámetros de una función y se define literalmente en el parámetro de la función jeje:
function calculaNivelPoder(velocidad: number, fuerza: number) {
return (velocidad * fuerza)/2;
}De esta forma aseguramos que esta función solo puede recibir números para los parámetros de velocidad y fuerza, entonces si intentamos llamarla:
calculaNivelPoder(2,"Hola mundo jejej");Directamente nos va a arrojar un error ya que estamos intentando multiplicar número por una cadena de texto.
Conclusión
Hay otros pero la neta con estos basta es los que en realidad se van a estar utilizando.