TypeScript - sintaxe básica

A sintaxe define um conjunto de regras para escrever programas. Cada especificação de linguagem define sua própria sintaxe. Um programa TypeScript é composto por -

• Modules
• Functions
• Variables
• Declarações e Expressões
• Comments

Seu primeiro código TypeScript

Vamos começar com o exemplo tradicional “Hello World” -

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

Na compilação, ele irá gerar o seguinte código JavaScript.

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

• A linha 1 declara uma variável pelo nome mensagem. Variáveis ​​são um mecanismo para armazenar valores em um programa.

• A linha 2 imprime o valor da variável no prompt. Aqui, console se refere à janela do terminal. O log de função () é usado para exibir texto na tela.

Compilar e executar um programa TypeScript

Vamos ver como compilar e executar um programa TypeScript usando o Visual Studio Code. Siga as etapas abaixo -

Step 1- Salve o arquivo com extensão .ts. Devemos salvar o arquivo como Test.ts. O editor de código marca os erros no código, se houver, enquanto você o salva.

Step 2- Clique com o botão direito do mouse no arquivo TypeScript sob a opção Arquivos de trabalho no painel de exploração do VS Code. Selecione a opção Abrir no prompt de comando.

Step 3 - Para compilar o arquivo, use o seguinte comando na janela do terminal.

tsc Test.ts

Step 4- O arquivo é compilado em Test.js. Para executar o programa escrito, digite o seguinte no terminal.

node Test.js

Sinalizadores do compilador

Os sinalizadores do compilador permitem que você altere o comportamento do compilador durante a compilação. Cada sinalizador do compilador expõe uma configuração que permite alterar como o compilador se comporta.

A tabela a seguir lista alguns sinalizadores comuns associados ao compilador TSC. Um uso típico de linha de comando usa algumas ou todas as opções.

S.No.	Sinalizador e descrição do compilador
1	--help Mostra o manual de ajuda
2	--module Carregar módulos externos
3 -	--target Defina a versão ECMA de destino
4	--declaration Gera um arquivo .d.ts adicional
5	--removeComments Remove todos os comentários do arquivo de saída
6	--out Compilar vários arquivos em um único arquivo de saída
7	--sourcemap Gerar arquivos de mapa de origem (.map)
8	--module noImplicitAny Não permite que o compilador deduza qualquer tipo
9	--watch Observe as alterações de arquivo e recompile-os rapidamente

Note - Vários arquivos podem ser compilados de uma vez.

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

Identificadores em TypeScript

Identificadores são nomes dados a elementos em um programa, como variáveis, funções, etc. As regras para identificadores são -

• Os identificadores podem incluir caracteres e dígitos. No entanto, o identificador não pode começar com um dígito.

• Os identificadores não podem incluir símbolos especiais, exceto sublinhado (_) ou um cifrão ($).

• Os identificadores não podem ser palavras-chave.

• Eles devem ser únicos.

• Os identificadores são sensíveis a maiúsculas e minúsculas.

• Os identificadores não podem conter espaços.

As tabelas a seguir listam alguns exemplos de identificadores válidos e inválidos -

Identificadores válidos	Identificadores inválidos
primeiro nome	Var
primeiro nome	primeiro nome
num1	primeiro nome
$ resultado	1 número

TypeScript ─ palavras-chave

Palavras-chave têm um significado especial no contexto de um idioma. A tabela a seguir lista algumas palavras-chave no TypeScript.

pausa	Como	qualquer	interruptor
caso	E se	lançar	outro
var	número	corda	pegue
módulo	tipo	instancia de	tipo de
público	privado	enum	exportar
finalmente	para	enquanto	vazio
nulo	super	esta	Novo
dentro	Retorna	verdadeiro	falso
qualquer	estende	estático	deixei
pacote	implementos	interface	função
Novo	experimentar	produção	const
continuar	Faz	pegar

Espaços em branco e quebras de linha

TypeScript ignora espaços, tabulações e novas linhas que aparecem nos programas. Você pode usar espaços, tabulações e novas linhas livremente em seu programa e está livre para formatar e recuar seus programas de uma forma limpa e consistente que torna o código fácil de ler e entender.

TypeScript diferencia maiúsculas de minúsculas

TypeScript diferencia maiúsculas de minúsculas. Isso significa que o TypeScript diferencia entre caracteres maiúsculos e minúsculos.

Ponto-e-vírgula são opcionais

Cada linha de instrução é chamada de statement. Os pontos-e-vírgulas são opcionais no TypeScript.

Example

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

Uma única linha pode conter várias instruções. No entanto, essas instruções devem ser separadas por ponto e vírgula.

Comentários em TypeScript

Os comentários são uma forma de melhorar a legibilidade de um programa. Os comentários podem ser usados ​​para incluir informações adicionais sobre um programa, como autor do código, dicas sobre uma função / construção, etc. Os comentários são ignorados pelo compilador.

TypeScript suporta os seguintes tipos de comentários -

• Single-line comments ( // ) - Qualquer texto entre // e o final de uma linha é tratado como um comentário

• Multi-line comments (/* */) - Esses comentários podem abranger várias linhas.

Example

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

TypeScript e orientação a objetos

TypeScript é JavaScript orientado a objetos. Orientação a objetos é um paradigma de desenvolvimento de software que segue a modelagem do mundo real. A Orientação a Objetos considera um programa como uma coleção de objetos que se comunicam entre si por meio de mecanismos chamados métodos. O TypeScript também oferece suporte a esses componentes orientados a objetos.

• Object- Um objeto é uma representação em tempo real de qualquer entidade. De acordo com Grady Brooch, todo objeto deve ter três características -

  • State - descrito pelos atributos de um objeto

  • Behavior - descreve como o objeto irá agir

  • Identity - um valor único que distingue um objeto de um conjunto de objetos semelhantes.

• Class- Uma classe em termos de OOP é um projeto para a criação de objetos. Uma classe encapsula dados para o objeto.

• Method - Métodos facilitam a comunicação entre objetos.

Example: TypeScript and Object Orientation

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

O exemplo acima define uma classe Saudação . A classe possui um método greet () . O método imprime a string “Hello World” no terminal. onewpalavra-chave cria um objeto da classe (obj). O objeto invoca o método greet () .

Na compilação, ele irá gerar o seguinte 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()

O resultado do programa acima é dado abaixo -

Hello World!!!