Typescript

En el desarrollo web moderno, JavaScript se ha consolidado como uno de los lenguajes de programación más utilizados. Sin embargo, a medida que las aplicaciones crecen en tamaño y complejidad, surgen desafíos relacionados con el mantenimiento, la escalabilidad y la detección de errores.

Aquí es donde entra en juego TypeScript, un lenguaje que amplía las capacidades de JavaScript añadiendo tipado estático y herramientas avanzadas para mejorar la calidad del código.

¿Qué es TypeScript?

TypeScript es un lenguaje de programación desarrollado y mantenido por Microsoft que extiende JavaScript añadiendo tipado estático opcional, interfaces, clases y otras características propias de lenguajes más estructurados como Java o C#.

En términos técnicos, TypeScript es un superset de JavaScript, lo que significa que cualquier código válido en JavaScript también es válido en TypeScript. Sin embargo, TypeScript añade una capa adicional de verificación de tipos y herramientas de desarrollo que ayudan a prevenir errores antes de que el código se ejecute.

Para que un programa en TypeScript funcione en el navegador o en Node.js, debe ser compilado a JavaScript mediante el compilador de TypeScript (tsc). Este proceso se conoce como transpilación.

Características del lenguaje TypeScript

TypeScript incorpora una serie de características que lo hacen especialmente atractivo para desarrolladores y equipos de software:

Tipado estático opcional

Una de las principales ventajas de TypeScript es su sistema de tipos. Esto permite definir qué tipo de datos puede contener una variable:

let nombre:string = "Luis";
let edad:number = 25;

Esto ayuda a detectar errores en tiempo de desarrollo, evitando problemas comunes en JavaScript como asignaciones incorrectas de tipos. Así puedes aprender a forzar el tipo de una variable o definir variables de ámbito bloque.

Inferencia de tipos

TypeScript puede deducir automáticamente el tipo de una variable sin necesidad de declararlo explícitamente:

let ciudad = "Madrid";// TypeScript infiere que es string

Incluso crear variables de tipo any si pueden almacenar cualquier valor.

Interfaces

Las interfaces permiten definir estructuras de objetos de manera clara. Podemos definir un interface en Typescript de forma sencilla:

interface Persona {
  nombre:string;
  edad:number;
}

Esto es especialmente útil en aplicaciones que manejan datos estructurados, como respuestas de APIs. Además, los interfaces son sencillos de inicializar.

let p1 = {nombre:'Carlos', edad:42}

Podremos hacer muchas cosas con los Interfaces como definir campos opcionales en el interface e incluso definir interfaces de funciones.

Clases y Programación Orientada a Objetos (POO)

TypeScript soporta clases, herencia y modificadores de acceso (public, private, protected), acercando JavaScript a paradigmas de lenguajes como Java o C#.

class Libro {
  private titulo: string;
  private autor: string;

  constructor(titulo: string, autor: string) {
    this.titulo = titulo;
    this.autor = autor;
  }

  public getTitulo(): string {
    return this.titulo;
  }

  public getAutor(): string {
    return this.autor;
  }
}

Compatibilidad con JavaScript existente

TypeScript puede integrarse progresivamente en proyectos JavaScript ya existentes, lo que facilita su adopción sin necesidad de reescribir todo el código.

¿Por qué aprender TypeScript?

Aprender TypeScript es una inversión valiosa para cualquier desarrollador web por su versatilidad en los stack puros Javascript como puede ser MEAN. Algunos de los motivos para aprender Typescript son:

Reduce errores en el código

Gracias al tipado estático, muchos errores se detectan antes de ejecutar el programa, lo que ahorra tiempo en depuración.

Mejora la mantenibilidad de proyectos grandes

En aplicaciones con miles de líneas de código, TypeScript hace que el código sea más legible y estructurado, facilitando el trabajo en equipo.

Mayor demanda laboral

Muchas empresas buscan desarrolladores con conocimientos en TypeScript, especialmente en ecosistemas con Angular, ReactJS, Nod

Mejor experiencia de desarrollo

Existen muchas herramientas que ayudan con el desarrollo en TypeScript incluyendo temas como autocompletado en editores de código, refactorización automática o detección temprana de errores.

Primer código en Typescript

Si te quieres lanzar a desarrollar Typescript puedes ver que es muy sencillo tirar las primeras líneas de código:

var mensaje:string = "Hola Mundo";
console.log(mensaje);

Solo tienes que guardarlo en un fichero que llames hola-mundo.ts y compilarlo en consola mediante:

tsc hola-mundo.ts

Pero no te agobies, que tienes todo explicado paso a paso en el artículo Hola Mundo en Typescript.