TypeScript es un lenguaje de programación orientado a objetos de código abierto desarrollado y mantenido por Microsoft Corporation. TypeScript es un lenguaje fuertemente tipado y su primera versión se presentó en el año 2012. Es una superserie estricta de JavaScript, lo que significa que cualquier cosa implementada en JavaScript se puede implementar usando TypeScript junto con la opción de agregar funciones mejoradas (todo JavaScript existente El código es un código TypeScript válido). Como el código TypeScript se convierte en código JavaScript, es más fácil integrarlo en proyectos JavaScript. Está diseñado principalmente para proyectos a gran escala.
TypeScript ===>>> JavaScript + Tipo + Algunas características adicionales
¿Qué ofrece TypeScript?
- Comprobación de tipo estático (Opcional) – Al igual que otros lenguajes de programación de alto nivel como Java, C, etc. TypeScript proporciona verificación de tipo estático a diferencia de JavaScript. Aunque la escritura estática requiere algunos pasos adicionales al escribir código, tiene sus propias ventajas. Con TypeScript podemos comprobar y asignar variables, parámetros y tipos de funciones. Es completamente opcional y nos ayuda a encontrar y prevenir errores. También ayuda a que el código sea más legible y descriptivo.
- Objetivos basados en clases – Otra gran ventaja es el uso de Clases, que brindan la capacidad de usar verdadera programación orientada a objetos en nuestras aplicaciones y evitan el uso de objetos basados en prototipos. También proporciona inclusión, herencia y modificadores.
- Modalidad – Ayuda a que el código sea más modular.
- Características de ES6 – La compatibilidad con las funciones de ES6 es una de las principales razones de su popularidad.
- Sintaxis – TypeScript proporciona una sintaxis más cercana a java y otros lenguajes de alto nivel (Syntaxical Sugaring).
El navegador no puede interpretar el código TypeScript directamente, por lo que el código TypeScript debe compilarse en un código JavaScript simple, para este propósito necesitamos el compilador TypeScript (tsc).
Compilador de TypeScript (tsc)
- Escrito en el propio TypeScript.
- Compile archivos .ts como archivos .js.
- Instalado como un paquete NPM (NodeJS).
- Soporta sintaxis ES6.
Mecanografiado | JavaScript |
| Es un lenguaje orientado a objetos (basado en clases) | Es un lenguaje orientado a objetos (basado en prototipos) |
| Un lenguaje tipificado estadísticamente | Un lenguaje tipado dinámicamente |
| Módulos de soporte | Los módulos no lo soportan. |
| Proporciona errores en el momento de la compilación/durante el desarrollo | No proporciona errores de tiempo de compilación. |
| Lleva más tiempo porque el código necesita ser compilado | No es necesario compilar |
¿Por qué TypeScript está ganando popularidad?
- JavaScript se desarrolló originalmente para ser un lenguaje liviano y fácil de aprender que se enfoca principalmente en manipulaciones DOM simples, pero los estándares cambiaron con el tiempo y ahí es donde TypeScript entró en escena, ya que agrega características mejoradas a JavaScript.
- La compatibilidad con clases y objetos es una de las razones principales de la creciente popularidad, ya que hace que los conceptos de OOPS sean más fáciles de comprender e implementar en comparación con la implementación estándar basada en prototipos proporcionada por JavaScript nativo.
- Además, el uso de TypeScript en marcos de JavaScript populares como Angular ayudó a TypeScript a ganar interés.
¿Por qué usamos TypeScript?
- Mejor experiencia de desarrollador – Uno de los mayores beneficios de TypeScript es permitir que los IDE brinden un entorno más rico para ver errores comunes a medida que escribe el código. Para proyectos a gran escala, el uso de TypeScript puede dar como resultado un software más robusto y aún implementable donde se ejecutaría una aplicación JavaScript normal.
- Calidad del código – Definir primero las estructuras de datos, usando tipos e interfaces, lo obliga a pensar en la estructura de datos de su aplicación desde cero y tomar mejores decisiones de diseño.
- Prevenir errores – TypeScript no hará que su software sea gratuito. Pero puede prevenir muchos errores tipográficos. Junto con Clever IntelliSense, muchos navegadores e IDE admiten la depuración directamente a través de Source Maps.
- comunidad activa – TypeScript se está volviendo más popular. Lo utilizan las mejores empresas de alta tecnología como Google, Airbnb, Shopify, Asana, Adobe y Mozilla, por lo que podemos asumir que cumple con sus expectativas en términos de escalabilidad, al desarrollar aplicaciones grandes y complejas.
- TypeScript es JavaScript – TypeScript comienza con JavaScript y termina con JavaScript. Escribir toma los componentes básicos de sus programas de JavaScript. Todo el código de TypeScript se convierte en su equivalente de JavaScript con el fin de ejecutarlo.
«A menudo, la forma en que se adopta TypeScript, en empresas, nuevas empresas y desarrolladores individuales, es que lo pruebas en un proyecto y dices ‘¡guau, esto es genial!’ y luego empiezas a evangelizar y crece localmente en tu área de influencia”.— Anders Hejlsberg (desarrollador principal de TypeScript).
Ejemplo:
índice.html
<!DOCTYPE html><html> <body> <h2>Welcome To GFG</h2> <p> Default code has been loaded into the Editor. </p> <script src="types.js"></script></body> </html> |
tipos.ts
let myString: string; myString = 'Hello from ts' console.log(myString); |
Después de guardar los archivos anteriores, necesitamos el código mecanografiado.
En la terminal, escribe el siguiente comando:
tsc types.js (syntax : tsc filename).
En una compilación exitosa a JavaScript archivo con el mismo nombre y .js se creará una extensión, es decir tipos.js que contiene el código de gráfico cruzado en el mismo directorio. Ahora, al ejecutar index.html, se puede ver el siguiente resultado. Como se discutió anteriormente, el código TypeScript se convierte en código JavaScript estándar.
Código JavaScript generado en el archivo type.js:
JavaScript
var myString;myString = 'Hello from ts';console.log(myString); |
Producción:
