TypeScript: sintaxis básica

La sintaxis define un conjunto de reglas para escribir programas. Cada especificación de lenguaje define su propia sintaxis. Un programa de TypeScript se compone de:

• Modules
• Functions
• Variables
• Declaraciones y Expresiones
• Comments

Su primer código TypeScript

Comencemos con el ejemplo tradicional de "Hola mundo":

var message:string = "Hello World" 
console.log(message)

Al compilar, generará el siguiente código JavaScript.

//Generated by typescript 1.8.10
var message = "Hello World";
console.log(message);

• La línea 1 declara una variable por el nombre del mensaje. Las variables son un mecanismo para almacenar valores en un programa.

• La línea 2 imprime el valor de la variable en la solicitud. Aquí, consola se refiere a la ventana de terminal. La función log () se utiliza para mostrar texto en la pantalla.

Compilar y ejecutar un programa TypeScript

Veamos cómo compilar y ejecutar un programa TypeScript usando Visual Studio Code. Siga los pasos que se indican a continuación:

Step 1- Guarde el archivo con extensión .ts. Guardaremos el archivo como Test.ts. El editor de código marca los errores en el código, si los hay, mientras lo guarda.

Step 2- Haga clic con el botón derecho en el archivo TypeScript en la opción Archivos de trabajo en el panel Explorar de VS Code. Seleccione la opción Abrir en el símbolo del sistema.

Step 3 - Para compilar el archivo use el siguiente comando en la ventana del terminal.

tsc Test.ts

Step 4- El archivo se compila en Test.js. Para ejecutar el programa escrito, escriba lo siguiente en la terminal.

node Test.js

Banderas del compilador

Los indicadores del compilador le permiten cambiar el comportamiento del compilador durante la compilación. Cada indicador del compilador expone una configuración que le permite cambiar cómo se comporta el compilador.

La siguiente tabla enumera algunos indicadores comunes asociados con el compilador TSC. Un uso típico de la línea de comandos utiliza algunos o todos los conmutadores.

S.No.	Indicador y descripción del compilador
1.	--help Muestra el manual de ayuda.
2.	--module Cargar módulos externos
3.	--target Establecer la versión de ECMA de destino
4.	--declaration Genera un archivo .d.ts adicional
5.	--removeComments Elimina todos los comentarios del archivo de salida
6.	--out Compile varios archivos en un solo archivo de salida
7.	--sourcemap Generar archivos de mapa de origen (.map)
8.	--module noImplicitAny No permite al compilador inferir cualquier tipo
9.	--watch Esté atento a los cambios en los archivos y vuelva a compilarlos sobre la marcha

Note - Se pueden compilar varios archivos a la vez.

tsc file1.ts, file2.ts, file3.ts

Identificadores en TypeScript

Los identificadores son nombres dados a elementos en un programa como variables, funciones, etc. Las reglas para identificadores son:

• Los identificadores pueden incluir tanto caracteres como dígitos. Sin embargo, el identificador no puede comenzar con un dígito.

• Los identificadores no pueden incluir símbolos especiales, excepto un guión bajo (_) o un signo de dólar ($).

• Los identificadores no pueden ser palabras clave.

• Deben ser únicos.

• Los identificadores distinguen entre mayúsculas y minúsculas.

• Los identificadores no pueden contener espacios.

Las siguientes tablas enumeran algunos ejemplos de identificadores válidos y no válidos:

Identificadores válidos	Identificadores inválidos
primer nombre	Var
primer nombre	primer nombre
num1	primer nombre
$ resultado	1número

TypeScript ─ Palabras clave

Las palabras clave tienen un significado especial en el contexto de un idioma. La siguiente tabla enumera algunas palabras clave en TypeScript.

romper	como	ninguna	cambiar
caso	Si	lanzar	más
var	número	cuerda	obtener
módulo	tipo	en vez de	tipo de
público	privado	enumeración	exportar
finalmente	para	mientras	vacío
nulo	súper	esta	nuevo
en	regreso	cierto	falso
ninguna	extiende	estático	dejar
paquete	implementos	interfaz	función
nuevo	tratar	rendimiento	constante
Seguir	hacer	captura

Espacios en blanco y saltos de línea

TypeScript ignora los espacios, tabulaciones y nuevas líneas que aparecen en los programas. Puede usar espacios, pestañas y nuevas líneas libremente en su programa y puede formatear y sangrar sus programas de una manera ordenada y consistente que hace que el código sea fácil de leer y comprender.

TypeScript distingue entre mayúsculas y minúsculas

TypeScript distingue entre mayúsculas y minúsculas. Esto significa que TypeScript diferencia entre caracteres en mayúscula y minúscula.

Los puntos y comas son opcionales

Cada línea de instrucción se llama statement. Los puntos y comas son opcionales en TypeScript.

Example

console.log("hello world")
console.log("We are learning TypeScript")

Una sola línea puede contener varias declaraciones. Sin embargo, estas declaraciones deben estar separadas por un punto y coma.

Comentarios en TypeScript

Los comentarios son una forma de mejorar la legibilidad de un programa. Los comentarios se pueden utilizar para incluir información adicional sobre un programa, como el autor del código, sugerencias sobre una función / construcción, etc. El compilador ignora los comentarios.

TypeScript admite los siguientes tipos de comentarios:

• Single-line comments ( // ) - Cualquier texto entre // y el final de una línea se trata como un comentario.

• Multi-line comments (/* */) - Estos comentarios pueden abarcar varias líneas.

Example

//this is single line comment 
 
/* This is a  
   Multi-line comment 
*/

TypeScript y orientación a objetos

TypeScript es JavaScript orientado a objetos. La orientación a objetos es un paradigma de desarrollo de software que sigue el modelado del mundo real. La orientación a objetos considera un programa como una colección de objetos que se comunican entre sí a través de un mecanismo llamado métodos. TypeScript también admite estos componentes orientados a objetos.

• Object- Un objeto es una representación en tiempo real de cualquier entidad. Según Grady Brooch, cada objeto debe tener tres características:

  • State - descrito por los atributos de un objeto

  • Behavior - describe cómo actuará el objeto

  • Identity - un valor único que distingue un objeto de un conjunto de objetos similares.

• Class- Una clase en términos de POO es un modelo para crear objetos. Una clase encapsula los datos del objeto.

• Method - Los métodos facilitan la comunicación entre objetos.

Example: TypeScript and Object Orientation

class Greeting { 
   greet():void { 
      console.log("Hello World!!!") 
   } 
} 
var obj = new Greeting(); 
obj.greet();

El ejemplo anterior define una clase de saludo . La clase tiene un método saludar () . El método imprime la cadena "Hello World" en la terminal. losnewpalabra clave crea un objeto de la clase (obj). El objeto invoca el método greet () .

Al compilar, generará el siguiente código JavaScript.

//Generated by typescript 1.8.10
var Greeting = (function () {
   function Greeting() {
   }
   Greeting.prototype.greet = function () {
      console.log("Hello World!!!");
   };
	return Greeting;
}());

var obj = new Greeting();
obj.greet()

La salida del programa anterior se da a continuación:

Hello World!!!