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!!!