Saltar al contenido

Introducci贸n a Typescript

typescript-logo

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.

typescript-logo

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:

typescript

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