Introducción a Typescript

Introduccióna a Typescript

Si has desarrollado aplicaciones en JavaScript verás que se hace bastante complicado cuando la aplicación crece, además de la falta de un tipado fuerte y debugadores o entornos de desarrollo que muestren errores en tiempo de diseño hace que crear una aplicación grande en js sea una taréa bastante complicada.

JavaScript originalmente se pensó como un lenguaje para hacer pequeños script fáciles en la páginas estáticas, aunque actualmente estamos trabajando con aplicaciones bastante fuertes, implementando librerias que dan bastantes propiedades y efectos que luego puedes utilizar desde tu código js.
Para ayudarnos con esta taréa podemos ayudarnos de un lenguage de programación que engloba al código javaScript, estamos hablando de TypeScript.

Cómo habrás visto en los últimos años Javascript está avanzando a pasos desmedidos, la compatibilidad con navegadores viejos es aún un inconveniente, aunque el tiempo sellará estos problemas, por esta razón Microsoft creó TypeScript, que es un lenguaje Open Source basado en Javascript y que se integra de manera perfecta con otro código Javascript, Typescript engloba js y le da robustez además de ser un lenguaje con fuerte tipado, con ello solventa ciertos problemas o inconvenientes que tiene Javascript, como por ejemplo:

• La falta de tipado fuerte y estático.
• La falta de interfaces y clases.
• La falta de la inclusión de Módulos.

TypeScript nace con la idea a complementar a Javascript, y así poder añadir las propiedades y ventajas de desarrollo con las que pueden contar otros desarolladores de lenguajes más potentes, como los lenguajes C# y Java.

Typescript es un lenguaje con una sintaxis bastante similar a C# y Java, por lo que que será de ayuda el salto a TypeScript para los desarrolladores de estos lenguajes.

Sin duda una de las grandes ventajas del tipado estático es que habilita a otras herramientas a prosperar el soporte y la detección de fallos sin precisar arrancar el código, sin tener que verlo en ejecución sino en tiempo de diseño, y por supuesto también abre la posibilidad de mejorar la documentación al programador.

En este ejemplo mostraré un pedazo de código en TypeScript:

Será la clase persona, con un constructor al qué le pasaremos el nombre y la edad de la persona que vamos a crear o instanciar, sería así:

 
class hombre{
 
  nombre:string;
  edad:number;
 
  constructor (nombre:string, edad:number){
  this.nombre=nombre;
  this.edad = edad;
 
  }
 
 
}
 
let jose:hombre= new hombre('Jose Antonio', 25);
 
console.log(jose);

Si vemos lo que muestra el log de la consola será esto:

Ahora bien, lo que se ha creado en TypeScript se ha “traspasado” a JavaScript , y el resultado del código anterior en Javascript sería esto.

var hombre = (function () {
    function hombre(nombre, edad) {
        this.nombre = nombre;
        this.edad = edad;
    }
    return hombre;
}());
var jose = new hombre('Jose Antonio', 25);
console.log(jose);

Aquí tienes más información general de TypeScript