Diferencias Entre JavaScript y TypeScript

Desde que apareció TypeScript en el mundo de la programación y el desarrollo web, específicamente en el desarrollo Frontend, muchos desarrolladores han tenido diferentes dudas y confusiones sobre si TypeScript es lo mismo que JavaScript o que si uno es mejor que el otro y así otras dudas más. En este post vamos a ver las principales Diferencias Entre JavaScript y TypeScript, con datos e información veraz que te ayudará a saber diferenciar de una vez que tiene uno que no tiene el otro, vamos con ello.

¿Porqué debes conocer las diferencias entre JavaScript y TypeScript?

Saber las diferencias que hay entre estos dos lenguajes de programación te puede servir de mucho, sobre todo cuando estás creando un proyecto, no te verás afectado con algún error que puede saltarte cuando haces la escritura de código con JavaScript o TypeScript. Otra razón por la cual debes conocer las diferencias entre JavaScript y TypeScript, es porque te pueden pasar un proyecto que contiene código de JavaScript o TypeScript, el cual debes trabajarlo, entonces como ya conoces cuál es la diferencia entre ambos lenguajes, no tendrás problemas en saber diferenciar que lenguaje usar el proyecto y lograrás continuarlo con éxito.

Existen otras razones por las cuales debes saber diferenciar JavaScript de TypeScript, veámoslas a continuación:

• Cuando veas los archivos que tiene un proyecto, sabrás diferenciar el tipo de extensión de cada uno de ellos.
• Si quieres unir un trozo de código de un proyecto con otro, lo pensarás bien antes de hacerlo y analizarás que ambos códigos sean del mismo lenguaje de programación.
• Puede haber una nueva versión de TypeScript recientemente lanzada y sabrás que si el código de un proyecto es de TypeScript, deberás de actualizarlo.
• Al iniciar un nuevo proyecto Frontend con tu framework o librería favorita, elegirás el lenguaje de programación adecuado.
• En una entrevista de trabajo, cuando te pregunten algo acerca de JavaScript o TypeScript, sabrás responder adecuadamente.

¿Qué es JavaScript?

Es un lenguaje de programación que permite crear aplicaciones móviles híbridas, páginas web y otro tipo de aplicaciones del lado del cliente. Cuando nos referimos del lado del cliente, es para que un cliente que puede ser un navegador, un celular o móvil, un iPhone, una tablet o iPad, etc., pueda interactuar con JavaScript. Un ejemplo de que JavaScript funciona del lado del cliente, es cuando mediante código JavaScript, se obtiene el año actual del cliente o dispositivo, es decir un programador de JavaScript escribe un código que detecte el año actual que tiene configurado el iPhone de un usuario y cuando el usuario ingresa a una página web, esta web coja el año del iPhone y la muestre al usuario en el footer o pie de página. Esto lo podemos ver en el footer o pie de página de muchos sitios web:

El ejemplo anterior del año actual, es solo una cosa de muchas más que puedes hacer con JavaScript.

Actualmente JavaScript recibe soporte de parte de la fundación Mozilla, quienes tienen publicada la Documentación Oficial de JavaScript.

¿En que año se creo JavaScript?

JavaScript se creo el 4 de diciembre de 1995.

¿Quién creo JavaScript?

JavaScript fue creado por Brendan Eich mientras trabajaba en la empresa Netscape.

¿Qué es TypeScript?

Es un lenguaje de programación catalogado como un superconjunto del lenguaje de programación JavaScript, que contiene tipos estáticos y objetos basados en clases, mientrás que TypeScript es un lenguaje de programación estático, JavaScript es un lenguaje de programación dinámico. Una de las características más importantes de TypeScript, es el tipado dinámico. El tipado dinámico permite a un programador, asignar el tipo de dato de una variable en tiempo de ejecución, es decir en el momento en que el programador está escribiendo código TypeScript, en ese momento puede definir el tipo de dato que tendrá una variable.

Veamos ahora un ejemplo en código del tipado dinámico en TypeScript vs el tipado estático de JavaScript:

Puedes ver en el código TypeScript anterior, que a la variable mivariable le ponemos el valor any, con ello más adelante podemos establecer el tipo de dato que tendrá esa variable, cuando la usemos, puede ser un tipo de dato número, string, boolean, etc. Mientras que en el código JavaScript debemos definir obligatoriamente el tipo de dato de la variable.

TypeScript tiene otras características notables, las cuales veremos más adelante, por el momento solo hemos visto el tipado dinámico.

¿En que año se creo TypeScript?

TypeScript fue creado en el año 2010 y lanzado al público el 1 de octubre de 2012.

¿Quién creo TypeScript?

JavaScript fue creado por Anders Hejlsberg cuando trabajaba en la empresa Microsoft.

¿Cual es más popular JavaScript o TypeScript?

Para tener una mejor idea de la popularidad de cada uno podemos analizar datos de Google Trends, usaré datos desde el 01 de Enero de 2023 hasta el 07 de Septiembre de 2023 (Fecha de este post):

En la gráfica anterior puedes ver que JavaScript es más popular que TypeScript, esto se debe a muchos factores, como el que JavaScript se creó hace muchos años, exactamente en el año 1995, mientras que TypeScript se creó allá por el año 2012, esos sería como 17 años de diferencia. La antigüedad de JavaScript hace que tenga una comunidad muy amplia, asimismo existen muchos proyectos que han sido creados con JavaScript desde su año de creación hasta la actualidad.

Vayamos un poco más atrás y veamos la siguiente gráfica, en donde tenemos datos de popularidad desde el 01 de Enero de 2004 hasta el 07 de Septiembre de 2023 (Fecha de este post). Google Trends solo me deja obtener datos desde el año 2004 hacia adelante, acá podemos ver como la popularidad de JavaScript como lenguaje puro fue descendiendo. En el gráfico se aprecia una caída notable desde el año 2011 en adelante:

La conclusión en este punto es que JavaScript es más popular que TypeScript, las estadísticas no mienten.

Diferencias Entre JavaScript y TypeScript

Ahora veamos las diferencias que hay entre JavaScript en la siguiente tabla:

Conforme uses JavaScript o TypeScript, descubrirás nuevas diferencias entre ambos lenguajes de programación.

¿Cuándo debes usar JavaScript?

Es recomendable que uses JavaScript en proyectos normales o pequeños, en donde no sea necesario compilar el código, ni necesites usar TypeScript.

¿Cuándo debes usar TypeScript?

Es recomendable usar TypeScript en proyectos grandes, en donde exista un equipo de trabajo que lo esté desarrollando. También debes usarlo en la librería React JS o en los frameworks Angular, Vue y similares.

¿Cuál es el logo de JavaScript y de TypeScript?

Ambos logos son diferentes y mantienen las iniciales de sus nombres, el logo de JavaScript a lo largo de su historia ha tenido diferentes variantes, muchas veces creadas por los usuarios de su comunidad:

¿Por qué usar JavaScript?

A continuación unas razones por las cuales usar JavaScript:

• Es muy usado en el desarrollo web.
• Aparte de poder usarlo del lado del cliente, también lo puedes usar en el servidor mediante Node JS.
• Te permite trabajar con el paradigma de programación POO (Programación Orientada a Objetos).
• Te permite crear scripts en una página web rápidamente.
• Es la base de muchas herramientas y tecnologías, como React, Angular, Vue, Node JS y hasta el mismo TypeScript.

¿Por qué usar TypeScript?

A continuación unas razones por las cuales usar TypeScript:

• Es usado en tecnologías modernas como React, Angular, Vue, Node JS, Svelte, etc.
• En un proyecto de TypeScript, también puedes usar código JavaScript, ambos funcionan de la mano.
• Cuenta con técnicas modernas para estructurar el código.
• Te permite crear proyectos con reactividad.
• Tiene herramientas de desarrollo modernas y mantenidas por su comunidad.

Ventajas de JavaScript

JavaScript tiene la ventaja de ser un lenguaje de programación con muchos años en el mercado, en Internet encontrarás mucha información sobre él, asimismo encontrarás tutoriales tanto en español como en ingles, que te servirán para aprenderlo y dominarlo.

JavaScript es actualizado todos los años, en donde se le agregan nuevas características ECMAScript.

Ventajas de TypeScript

TypeScript es muy requerido en la actualidad por las empresas, ya que estas suelen crean proyectos con la librería React o los frameworks Angular, Vue, etc., y necesitan contratar personas que sepan el lenguaje.

TypeScript también te informa si hay un error en el proyecto, en tiempo de ejecución o durante la creación del proyecto, de esta manera, en la mayoría de casos, no podrás publicar el proyecto, mientras no hayas solucionado los errores.

Como Saber si un Proyecto ha sido Creado con JavaScript

La forma más fácil de saberlo, es mirando el código fuente de una página web, allí podrás encontrar etiquetas que llaman a código JavaScript puro <script></script> o incluso puedes encontrar código JavaScript insertado directamente en la página HTML:

Como Saber si un Proyecto ha sido Creado con TypeScript

Para saber si un Proyecto ha sido Creado con TypeScript, puedes ver el código fuente y encontrarás archivos JavaScript, pero compilados, estos suelen estar en una sola línea, esto permite que la carga del código sea más rápida:

Puedes usar cualquier navegador para inspeccionar el código fuente de una página web.

¿Qué es más difícil JavaScript o TypeScript?

TypeScript es más difícil, porque se puede usar con diferentes frameworks, librerías y herramientas, las cuales requieren una forma diferente de programar con TypeScript. Por ejemplo escribir código TypeScript en el framework Angular, puede ser diferente que en la librería React.

¿Qué es mejor JavaScript o TypeScript?

JavaScript es mejor, por una simple razón: TypeScript ha sido creado sobre JavaScript, por ende necesitas conocer primero JavaScript, antes de pasar a trabajar con TypeScript. Es más puedes usar código JavaScript dentro de TypeScript.

¿Que aprender primero JavaScript o TypeScript?

Primero debes aprender JavaScript, ya que TypeScript está creado sobre JavaScript y aprenderlo te hará entender muchos conceptos de TypeScript.

Conclusión

En conclusión podríamos decir que ambos lenguajes de programación te permiten lograr un objetivo, solo que cada uno sigue diferentes caminos. JavaScript tiene cosas que TypeScript no tiene y TypeScript tiene cosas que JavaScript no tiene. Lo importante es saber cuando elegir el lenguaje de programación adecuado para desarrollar un proyecto, tomando en consideración, la limpieza del código, la optimización, el tiempo, la compatibilidad y otros factores más que hacen que un proyecto sea bueno y profesional.

Nota(s)

• No olvides que debemos usar la Tecnología para hacer cosas Buenas por el Mundo.

Síguenos en las Redes Sociales para que no te pierdas nuestros próximos contenidos.