TypeScript Vs JavaScript:¿cuál es la diferencia y cuál debe usar?

Este artículo discutirá las diferencias entre mecanografiado y JavaScript, los problemas que resuelven y cuál es el mejor para usar.

Me gusta mucho TypeScript y lo uso mucho. Resuelve muchos de los problemas de JavaScript y hace que escribir un buen código JavaScript sea mucho más fácil (una vez que haya aprendido a usar TypeScript ).

Por lo tanto, este artículo trata más sobre por qué debería usa TypeScript (cuando puedas usarlo), cuándo/dónde puedes usarlo y los problemas que resuelve.

Este artículo va bien con los siguientes artículos y le brinda una descripción general de varios lenguajes de programación centrados en la web:

¿Cuál es la diferencia entre JavaScript y Node.js? ¿Cuál debo usar?

Elegir entre PHP y JavaScript para su proyecto

¿Qué es JavaScript?

JavaScript nació a mediados de la década de 1990 como un lenguaje de secuencias de comandos para agregar interactividad a las páginas web.

Con el tiempo, se ha convertido en un lenguaje de programación con todas las funciones, que incluso se puede ejecutar fuera del navegador web (más detalles sobre esto en nuestro artículo de Node.js).

¿Qué son los 'Tipos'?

En programación informática, una variable almacena información:un valor o una colección de valores, a los que nos referiremos como datos .

datos puede ser cualquier cosa:un número, una palabra, una oración, una fecha; incluso podría representar un objeto completo y los atributos que lo describen como campos individuales, todos almacenados en una variable .

Una variable tiene un tipo – un número, una palabra, una oración, una fecha – todo podría considerarse el tipo de una variable .

El tipo de la variable le dice al lenguaje de programación lo que se puede hacer con la variable. A los números se les pueden asignar valores numéricos y multiplicarse, a las fechas se les pueden asignar valores de fecha y se pueden agregar días u horas, etc.

JavaScript es notoriamente vago escrito Puedes hacer casi cualquier cosa con cualquier tipo de variable. Esto conduce a resultados inesperados:las palabras interpretadas como números que se usan en ecuaciones matemáticas son una de las más comunes. Esto hace que JavaScript sea difícil de manejar para aplicaciones complejas.

Entonces, ¿qué es TypeScript?

Mecanografiado es un superconjunto de JavaScript. Agrega estricto escribir:hacer cumplir qué valores se pueden asignar a las variables y qué se puede hacer para que el código sea más confiable y agrega un montón de otras mejoras para hacer que JavaScript sea mejor para crear aplicaciones complejas.

Superserie significa que agrega funciones a JavaScript sin dejar de ser compatible con el código Javascript existente. Piénselo de esta manera:todas las funciones de JavaScript también son funciones de TypeScript, pero JavaScript no contiene las funciones agregadas a TypeScript.

El código mecanografiado está compilado antes de ser ejecutado. Compila (o convierte) en JavaScript antiguo normal, lo que lo hace compatible con entornos compatibles con JavaScript existentes, como navegadores web y Node.js.

Básicamente, mejora JavaScript y se ejecuta donde JavaScript ya lo hace. Cosas interesantes .

¿Qué problemas resuelve TypeScript (por qué debería usarlo)?

Fuerte escritura

Fuerte escribir limita lo que puede hacer con variables de diferentes tipos, ¡pero no es una limitación!

Simplemente significa que no puedes hacer un mal uso de una variable. Le impide dar a una variable que debería ser un número un valor de cadena. Esto reduce los errores y elimina muchas posibilidades de que se cometan errores fáciles.

Tipos personalizados

La mayoría de los lenguajes de programación no tienen un coche tipo, pero puede definir su propio tipo, que contiene todos los aspectos de un automóvil que desee almacenar.

Puede crear un tipo que almacena información como el color, la marca, el año o el modelo de un automóvil, asigna un propietario o agrega sus propias funciones a la clase, que define el tipo del automóvil .

Puede ir más allá y agregar funciones y métodos auxiliares a su tipo personalizado; estos estarán disponibles para ejecutarse en cualquier variable del automóvil escriba, en cualquier parte de su aplicación.

Simplicidad y legibilidad

TypeScript hace que sea muy fácil dividir su código en archivos separados, por lo que su coche personalizado El tipo podría vivir en su propio archivo separado, sin tener que buscar archivos largos para encontrarlo y modificarlo.

La tipificación forzada significará que sabe qué es una variable y qué se puede hacer con ella. Pelusa , los procesos de escaneo de su código en busca de errores resaltarán el mal uso de las variables (por ejemplo, intentar hacer operaciones matemáticas con una cadena).

Guión ECMA 6 (ES6)

'JavaScript' no es realmente el nombre oficial del lenguaje de programación; es más una marca, pero se ha convertido en el término común para ECMA Script (el feo nombre oficial del lenguaje). TypeScript admite y fomenta el uso de todas las funciones más recientes de ECMA Script versión 6.

Fomenta las mejores prácticas

TypeScript lo alienta a estructurar sus aplicaciones y usar los tipos correctamente, lo que lo ayuda a crear mejores aplicaciones.

Las aplicaciones bien estructuradas se autodocumentan:si el código es fácil de leer, su intención es clara y tiene que escribir menos comentarios explicando lo que hace.

Las aplicaciones bien estructuradas también son menos propensas a errores, lo que le permite ahorrar tiempo.

¿Dónde puedo usar TypeScript/Quién usa TypeScript?

  • Angular
    • Angular es un marco desarrollado por Google creado con el marco Angular y Google lo utiliza para crear varias de sus aplicaciones móviles.
  • Jónico
    • Construido en Angular, Ionic lo expande y agrega muchos componentes y herramientas fáciles de usar para hacer que el desarrollo móvil sea más accesible.
  • Microsoft
    • Microsoft son en realidad los pastores de todo el proyecto TypeScript. Han liderado su desarrollo, y su suite de programación Visual Studio es uno de los mejores entornos para codificar TypeScript (¿y se ejecuta en Linux?)
  • Slack
    • Slack, la popular plataforma de mensajería empresarial, utiliza TypeScript para crear sus clientes de chat
  • ¡Yo!
    • He usado TypeScript para crear algunos proyectos bastante grandes que a) Definitivamente no se podría haber creado de manera confiable en JavaScript simple y b) Hubiera resultado completamente ininteligible , bases de código infladas si no fuera por TypeScript que me animó a estructurar mi código correctamente.

¿Cómo empiezo?

Como TypeScript debe compilarse, se requieren algunos pasos adicionales al desarrollar con él.

También hay una pequeña curva de aprendizaje:algunas prácticas y sintaxis nuevas para aprender además del JavaScript que ya conoce.

Una de las mejores formas de empezar es con Ionic Framework.

https://ionicframework.com/

Una vez instalado, el marco Ionic configura un entorno completo de desarrollo de aplicaciones móviles, que puede crear aplicaciones para sistemas operativos móviles y de escritorio (¡Linux incluido!).

La documentación de Ionic es exhaustiva y lo guía a través del proceso de desarrollo de aplicaciones móviles simples y complejas. Y como todo está escrito en TypeScript, aprenderá TypeScript mientras aprende a crear aplicaciones completas.