Las diferencias entre Javascript y Typescript

Este artículo fue publicado originalmente en .culto por Piumi Gunawardhana. .cult es una plataforma comunitaria para desarrolladores con sede en Berlín. Escribimos sobre todo lo relacionado con la carrera, hacemos documentales originales y compartimos montones de otras historias no contadas de desarrolladores de todo el mundo.

Al principio, había JavaScript. El popular lenguaje de programación que todos conocemos y amamos. Desde su creación, ha sido el lenguaje dominante para el desarrollo web. Luego, dos décadas más tarde, Microsoft presentó TypeScript, un superconjunto de JavaScript, diseñado para el desarrollo de grandes aplicaciones web.

Si sabe algo sobre Typescript y JavaScript, sabrá que no son fuerzas en competencia. Tienen una relación única, trabajando de la mano. Dicho esto, hay algunas diferencias, y eso es lo que quiero discutir en este artículo. Analicemos los pros y los contras para que pueda decidir mejor qué lenguaje de secuencias de comandos es el adecuado para su próxima aplicación web.

¿Qué es JavaScript?

JavaScript es el más popular lenguaje de programación en el mundo.

Empecemos desde el principio. JavaScript ha sido la tecnología central para las aplicaciones web desde los años 90. Se utiliza para crear páginas web interactivas en combinación con HTML y CSS. Es un lenguaje de alto nivel con escritura dinámica y un compilador JIT (Just-in-Time).

JavaScript es un lenguaje multiparadigma que admite varios estilos de programación, como la programación funcional, los estilos de programación imperativa y la programación basada en eventos. También admite implementaciones del lado del servidor. JavaScript se forma sobre la base del estándar ECMAScript (ES). Los estándares ES más utilizados con JavaScript son ES5 y ES6.

¿Qué es TypeScript?

TypeScript (TS) es un superconjunto de JavaScript que tiene el mismo objetivo que JavaScript.

TypeScript es un lenguaje de programación de código abierto rico en muchas características como herencia, clases, ámbitos de visibilidad, espacios de nombres, interfaces, uniones y otras características modernas junto con escritura estática y dinámica. Permite comentarios, variables, funciones, sentencias, módulos y expresiones.

Al ser un lenguaje de programación fuertemente tipado, TypeScript permite una depuración más fácil (durante la compilación), que es un enfoque más efectivo para codificaciónpara aplicaciones complejas.

¿Por qué surgió TypeScript?

La complejidad de los proyectos de JavaScript tiende a crecer exponencialmente. Inicialmente, JavaScript solo se usaba como lenguaje del lado del cliente. Pero los desarrolladores se dieron cuenta de que también podría usarse como un lenguaje de programación del lado del servidor.

A pesar de las ventajas de JavaScript, puede volverse complicado y complejo en el lado del servidor (especialmente con aplicaciones a gran escala). Además, JavaScript también ha dificultado el mantenimiento de aplicaciones complejas más grandes.

Las mejoras del navegador y la compatibilidad entre navegadores también exigen cambios para el JavaScript subyacente, pero escribir JavaScript preparado para el futuro no es práctico. Como resultado, surgió TypeScript para satisfacer las necesidades de estas aplicaciones.

Diferencias clave entre JavaScript y TypeScript

¿Es TypeScript mejor que JavaScript?

Por la forma en que lo describí, puede parecer que TypeScript es solo una mejor versión de JS. Entonces, podría pensar que es probable que TS reemplace a JavaScript en un futuro cercano… bueno, en realidad no. Todavía creo que JavaScript tendrá su lugar.

La complejidad es un factor clave a considerar.

JavaScript es ideal para aplicaciones más sencillas porque funciona en todas las plataformas (multiplataforma) y es muy ligero. Además, compilar código TypeScript requiere tiempo y recursos de CPU en comparación con una sobrecarga mínima con JS. A veces, la molestia de usar TypeScript no tiene sentido para el proyecto.

Sin embargo, TypeScript viene con muchos beneficios sobre JavaScript.

TS facilita mucho la refactorización del código y también enfatiza más los tipos explícitos, lo que permite al desarrollador comprender cómo interactúan varios componentes. Dado que admite la depuración en tiempo de compilación, existe un beneficio definitivo para las organizaciones que trabajan con aplicaciones grandes y complejas.

Configurar TypeScript para cualquier proyecto es sencillo. Algunos frameworks como Angular usan TypeScript por defecto. Entonces, en mi opinión, TypeScript es el claro ganador aquí.

Desventajas de TypeScript

A pesar de las muchas ventajas que ofrece TypeScript, también tiene ciertas desventajas.

Definir tipos explícitamente requiere más trabajo inicialmente, pero ahorra tiempo y recursos a largo plazo. A pesar de esto, es el punto más utilizado como soporte de JavaScript.

No puede simplemente migrar un gran proyecto de JavaScript a TypeScript idiomático riguroso sobre la marcha. Si bien hay algunas herramientas para ayudar, aún tendrá que hacer la mayoría de las partes por su cuenta.

La compilación de código TypeScript requiere tiempo y recursos de CPU. También hay un período de espera para que los cambios de código aparezcan en el navegador. A diferencia de JavaScript convencional, la codificación en tiempo real afecta un poco. En bases de código masivas, las herramientas también se ralentizan significativamente, lo que provoca una latencia significativa en la navegación, etc.

¿Cuándo debería migrar su proyecto a TypeScript?

Cuando el código crece en tamaño, complejidad y propensión a errores, es preferible identificar problemas específicos durante el proceso de compilación. Ahí es donde TypeScript es útil.

TypeScript también tiene interfaces y modificadores de acceso que permiten a los desarrolladores colaborar e interactuar en una única base de código. Por lo tanto, probablemente sea mejor usar TypeScript desde el comienzo de su proyecto.

Sin embargo, si prefiere marcos como Ember.js o Glimmer.js, tendrá soporte limitado para TypeScript. Entonces, JavaScript sería el lenguaje de elección para estos marcos.

Conclusión

Dado que TypeScript se convierte en código JavaScript ordinario, puede usarlo como una alternativa a JavaScript. Es por eso que ha ganado en popularidad. También hemos visto TS integrado en los componentes básicos de construcción y bibliotecas de los marcos JS populares como Angular, React.js y Vue.js.

Personalmente, soy fanático de TypeScript y generalmente recomiendo usarlo para nuevos proyectos. Un poco más de esfuerzo al principio para evitar un dolor de cabeza en el futuro tiene mucho sentido para mí.

Espero que este artículo le haya ayudado a comprender mejor las diferencias entre estos dos lenguajes de secuencias de comandos. Como mínimo, tiene una mejor comprensión de qué es exactamente TypeScript (si aún no lo sabía). Ahora puedes tomar una decisión más informada para tu próximo proyecto 😉