TypeScript es un lenguaje compilado, fuertemente tipado y orientado a objetos, diseñado por Microsoft en 2012. Es un superconjunto de JavaScript y puede utilizarse tanto como lenguaje como conjunto de herramientas. Ofrece una tipificación estática opcional, que puede ayudar a detectar errores a medida que aparecen, lo que lo hace ideal para las colaboraciones de grandes equipos.

¿Para qué se usa TypeScript?

TypeScript se caracteriza por manejar diferentes tipos de datos. Por lo que se trata de un lenguaje escalable y seguro, debido a que se puede ir verificando la ejecución de su código.

Mientras que, con JavaScript, el tipo de dato no se podía conocer hasta el momento de su ejecución (lo que propicia errores). TypeScript sí que es un lenguaje estático, de forma que sí hay una división en los tipos de datos.

Existen 3 categorías de los tipos de datos de TypeScript:

• Cualquiera: Esto significa que una variable puede ser cualquier tipo de dato.

• Integrado: En este sentido, vemos las variables de número, booleano, cadena, nulo, vacío e indefinido.

• Definido por el usuario: Aquí se incluyen enumeración, matriz, interfaz, tupla y clase.

¿Qué son los tipados?

El tipado se refiere a cómo se declaran los tipos de variables. Estos pueden variar desde tipos simples como number y string hasta estructuras complejas.

Puedes encontrar dos categorías en los lenguajes de programación: Tipado estático y tipado dinámico.

En lenguajes con tipado estático, el tipo de variable se conoce en el tiempo de compilación, mientras que, en lenguajes con tipado dinámico, el tipo de variable se conoce solamente cuando se ejecuta el programa.

JavaScript no admite tipado estático.

Ventajas

¿Por qué emplear TypeScript? ¿Cuáles son los beneficios de utilizar este lenguaje de programación? A continuación, las ventajas de TypeScript:

• Tipificación estática opcional. JavaScript es un lenguaje de tipado dinámico, lo que significa que los tipos se comprueban, y los errores de tipo de datos sólo se detectan en tiempo de ejecución. Esto puede ser muy peligroso y puede crear errores durante la producción. TypeScript introduce la tipificación estática fuerte opcional: una vez declarada, una variable no cambia su tipo y sólo puede tomar valores específicos.
• Legibilidad. Gracias a la adición de tipos estrictos y otros elementos que hacen que el código sea más auto expresivo, se puede ver la intención de diseño de los desarrolladores que escribieron originalmente el código. Esto es especialmente importante para los equipos distribuidos que trabajan en el mismo proyecto. Un código que habla por sí mismo puede compensar la falta de comunicación directa entre los miembros del equipo.
• Compatibilidad con IDE. La información tipográfica hace que los editores y los entornos de desarrollo integrados (IDE) sean mucho más útiles. Pueden ofrecer funciones como la navegación por el código y el autocompletado, proporcionando sugerencias precisas.
• El poder de la orientación a objetos. TypeScript admite conceptos de programación orientada a objetos (POO) como clases, interfaces, herencia, etc. El paradigma de la POO facilita la construcción de código escalable y bien organizado, y esta ventaja se hace más evidente a medida que el proyecto crece en tamaño y complejidad.
• El apoyo de una comunidad talentosa. Detrás de TypeScript hay una comunidad masiva de personas muy dotadas que trabajan día a día para mejorar el lenguaje.
• Soporte integrado para versiones actualizadas de ECMAScript, que es el lenguaje de scripting que forma la base de JavaScript.

Desventajas

• Compilación. TypeScript tiene un paso añadido de compilar los archivos .ts antes de ejecutarlos en una aplicación Node.js. Añade un paso más para el desarrollador y añade una molestia innecesaria. Muchos desarrolladores tratan de evitar TS por esta razón en particular.
• Curva de aprendizaje rígida. TypeScript no es un lenguaje fácil de aprender como JavaScript. Requiere conocimientos de scripting. Además, muchos desarrolladores creen en el aprendizaje de JS antes de probar sus manos en TS. Esto afecta a la elección de los desarrolladores para ir a por JS solamente.
• Complejidades de configuración. Para los programadores, TypeScript es a veces frustrante en términos de dificultad para configurar los procedimientos. Uno de los contras vitales es escribir todo manualmente y, a diferencia de JavaScript, que es menos código y más libertad, TS se siente difícil y rígido.

Diferencias entre TypeScript y JavaScript

1) JavaScript es un lenguaje de scripting que ayuda a crear páginas web interactivas, mientras que TypeScript es un superconjunto de JavaScript.

2) El código TypeScript necesita ser compilado mientras que el código JavaScript no necesita ser compilado.

3) Comparando TypeScript y JavaScript, TS admite una función de creación de prototipos mientras que JavaScript no admite esta función.

4) TypeScript utiliza conceptos como tipos e interfaces para describir los datos que se utilizan, mientras que JavaScript no tiene ese concepto.

5) TypeScript es un potente sistema de tipos, que incluye características genéricas y JS para proyectos de gran tamaño, mientras que JavaScript es una opción ideal para proyectos de pequeño tamaño.

¿Cómo utilizar JavaScript?

Ahora que tienes una comprensión básica de lo que es TypeScript, en esta sección, aprenderás cómo usar TypeScript.

Los navegadores no entienden TypeScript. Entienden el código JavaScript. Por lo tanto, el código TypeScript necesita ser compilado en JavaScript, y para eso, necesitas el compilador de TypeScript.

Puedes instalar TypeScript globalmente usando el siguiente comando npm. La instalación global le permite ejecutar el comando tsc en cualquier lugar desde su terminal.

npm install -g typescript

Una vez que hayas instalado TypeScript, crea un archivo index.ts y añade el siguiente código:

let message:string = "Hello, World!" 

function greeting () {console.log(message); 

} 

greeting()

El código anterior declara una variable mensaje y crea una función que registra el mensaje en la consola. Para ejecutar este código, hay que compilarlo en JavaScript. Ejecute el siguiente comando:

tsc index.ts

Observarás que el compilador crea un archivo index.js con el código compilado.

El compilador de TypeScript es flexible y permite configurar opciones como la versión de JavaScript de destino. En el momento de escribir este artículo, el objetivo por defecto es es3.

Para configurar las opciones del compilador, puedes pasarlas con el comando CLI o crear un tsconfig.json. Puedes aprender más sobre las diferentes opciones de configuración en la página de documentación de TSConfig Reference.

Aprende TypeScript

En Academia Web contamos con un curso a detalle con las funciones más importantes del lenguaje. Aquí aprenderás a usar programación orientada a objetos en TypeScript, el manejo de tipados con tipos básicos y avanzados, genéricos, decoradores y mucho más. Aprovecha e ingresa al curso de TypeScript.