Typescript
● TypeScript es un superset de Javascript. Es decir, un
lenguaje que está construído encima del propio Javascript
● Agrega nuevas características al lenguaje Javascript como
tipado estático y objetos basados en clases, ofreciendo
nuevas herramientas para los programadores.
● TypeScript se puede usar en sustitución de Javascript,
aunque para ello es necesario el paso adicional de la
transpilación del código: una operación por la cual el código
TypeScript es compilado/traducido a código Javascript
estándar.
Tipado estático
Tipado estático
Fuente: https://gustavodohara.com/
Tipado estático
● Tipado: es una propiedad de las variables que indica
qué valores se pueden guardar en ellas y qué
operaciones se pueden ejecutar.
● A diferencia de Javascript, que es Dynamic Type,
Typescript es exactamente lo opuesto, es Static Type
● El tipo de las variables se va a chequear en tiempo
de compilación (antes de que se ejecute tu código)
● El tipado en Typescript es opcional.
Ejemplo Tipado estático
La característica más importante de TypeScript es la de agregar tipado
estático a las variables.
Esto ofrece
diversas ventajas
en tiempo de
desarrollo: el
compilador detecta
cualquier problema
que pueda tener su
código, antes de
ejecutarse.
Objetos basados en clases
Fuente: https://gustavodohara.com/
Fuente: https://gustavodohara.com/
Traspilación de Código
Últimas características de JS
Objetos basados en clases
● JavaScript tradicional utiliza funciones y herencia
basada en prototipos para construir componentes
reutilizables
● A partir de ECMAScript 2015 (ES6), podemos
construir aplicaciones con filosofía orientada a
objetos.
● En TypeScript, la orientación a objetos tiene más
funciones integradas, soportando clases
abstractas, modificadores de acceso e interfaces
entre otras características.
Objetos basados en clases
Características
● Herencia
● Modificadores Public, private, and protected (public por
defecto)
● Modificador Readonly.
● Descriptores de acceso (Accessors)
● Propiedades static
● Clases abstractas
● Interfaces
Ejemplo Objetos basados en clases
En este ejemplo vemos algunas de las características de las clases de
Typescript, como ser herencia y modificadores de acceso. La sintaxis es
similar a las clases de C # o Java.
En TypeScript, podemos
utilizar patrones
orientados a objetos.
Una clase es capaz de
extender las clases
existentes para crear
otras nuevas mediante
herencia.
Crearemos un proyecto de Typescript
➢ Crear una carpeta e inicializar un proyecto en node.js: npm
init
➢ Instalar el compilador: npm install -D typescript
➢ Crear el proyecto typescript: tsc --init
➢ Agregar "ES2015","DOM" en tsconfig.json sección "lib": []
➢ Generar un archivo.ts con código de prueba
➢ Compilar con .\node_modules\.bin\tsc
➢ Ejecutar node archivo.js
