Lenguaje TypeScript

TypeScript es un lenguaje de programación de código abierto, desarrollado y mantenido por Microsoft, que es un superconjunto de ECMAScript, soportando toda la sintaxis y semántica de JavaScript, con características extras como el tipado estático y una sintaxis enriquecida. TypeScript incorpora un compilador con análisis estático de código, que nos advierte sobre errores en los tipos de datos y en la sintaxis. Dicho lenguaje implementa características de ECMAScript 2015 y 2016, como las funciones, clases, módulos y decoradores. (Gechev, 2017).

Veamos un ejemplo sencillo:

Tenemos el siguiente trozo de código HTML:

1
2
3
4
5
6
7
8

<title>TypeScript HTML App</title>
<script src="app.js"></script>
 <div id="content">
    <input id="nombreUsuario">
    <button onclick="saludar();">Saludo</button>
    <br>
    <label id="lblSaludo"></label>
</div>

Implementación en TypeScript de la función saludar():

1
2
3
4
5

function saludar()
{
    var usuario = (<htmlinputelement>document.getElementById("nombreUsuario")).value;
    (<htmllabelelement>document.getElementById("lblSaludo")).textContent = "Hola " + usuario;
};