O que é o TypeScript?

1. O que é o TypeScript?

TypeScript é uma linguagem de programação criada pela Microsoft para desenvolvimento de aplicações JavaScript em larga escala.

Ele é um superconjunto do JavaScript, ou seja, todo código JavaScript é também código TypeScript válido. A diferença entre as duas linguagens é que o TypeScript possui tipagem estática, o que permite que os desenvolvedores possam identificar e corrigir erros em tempo de desenvolvimento, além de possibilitar a criação de APIs mais robustas.

O TypeScript também possui suporte para as features mais recentes do JavaScript, como classes, interfaces, decorators, async/await, entre outras.

2. Como instalar o TypeScript?

Para instalar o TypeScript, é preciso ter o Node.js instalado na máquina. A partir daí, basta utilizar o gerenciador de pacotes npm para instalar o TypeScript globalmente com o comando:

npm install -g typescript

Para verificar se o TypeScript foi instalado corretamente, digite o comando tsc -v. Se aparecer a versão instalada do TypeScript, está tudo certo.

3. Como criar um arquivo TypeScript?

Para criar um arquivo TypeScript, basta criar um arquivo com a extensão .ts. Por exemplo, um arquivo chamado exemplo.ts.

Dentro desse arquivo, é possível escrever código TypeScript normalmente, como:

let mensagem: string = "Olá mundo";

Esse código cria uma variável mensagem com o tipo string e atribui o valor “Olá mundo”.

4. Como compilar um arquivo TypeScript?

Para compilar um arquivo TypeScript, é necessário utilizar o compilador do TypeScript (tsc). O comando para compilar um arquivo é:

tsc arquivo.ts

Esse comando irá gerar um arquivo JavaScript equivalente ao arquivo TypeScript, com a extensão .js.

Caso queira compilar todos os arquivos TypeScript de uma pasta de uma vez, basta utilizar o comando:

tsc

5. Como configurar o compilador do TypeScript?

É possível configurar o compilador do TypeScript criando um arquivo tsconfig.json na raiz do projeto. Esse arquivo deve ser um objeto JSON com as configurações desejadas.

Algumas configurações possíveis são o diretório de saída dos arquivos compilados, as opções de compilação como o target do ES5 ou ES6, e as opções de module como CommonJS ou ES6 modules.

{ "compilerOptions": { "outDir": "./dist", "target": "es5", "module": "commonjs" } }

6. Como utilizar tipos em TypeScript?

Para declarar o tipo de uma variável em TypeScript, basta utilizar a sintaxe:

let nomeVariavel: tipo = valor;

Por exemplo, para criar uma variável número:

let idade: number = 30;

Outros tipos suportados são string, boolean, object e qualquer.

Também é possível utilizar tipos personalizados criados com interfaces ou classes.

7. Como utilizar interfaces em TypeScript?

Interfaces são uma forma de definir tipos personalizados em TypeScript. Elas são utilizadas para especificar as propriedades e métodos que um determinado objeto deve ter.

Por exemplo, para criar uma interface para um objeto Pessoa:

interface Pessoa { nome: string; idade: number; }

Essa interface especifica que uma Pessoa deve ter uma propriedade nome do tipo string e uma propriedade idade do tipo number.

8. Como utilizar classes em TypeScript?

Classes em TypeScript são uma forma de definir objetos com propriedades e métodos. Elas são bastante similares às classes em linguagens como Java ou C#.

Por exemplo, para criar uma classe Pessoa:

class Pessoa { nome: string; idade: number; constructor(nome: string, idade: number) { this.nome = nome; this.idade = idade; } }

Essa classe tem duas propriedades, nome e idade, e um construtor que recebe esses valores. É possível criar instâncias dessa classe com o operador new:

let pessoa = new Pessoa("João", 30);

9. Como utilizar generics em TypeScript?

Generics são uma forma de definir tipos personalizados que podem ser utilizados com diferentes tipos de objetos.

Por exemplo, para criar uma função que retorna o maior elemento de um array:

function max(array: T[]): T { return Math.max.apply(null, array); }

Essa função utiliza o tipo genérico T para aceitar arrays de qualquer tipo. O retorno da função também é do tipo T.

10. Como utilizar namespaces em TypeScript?

Namespaces são uma forma de organizar código em módulos, evitando conflitos de nome entre diferentes partes do código.

Por exemplo, para criar um namespace para uma calculadora:

namespace Calculadora { export function soma(a: number, b: number): number { return a + b; } }

Essa declaração cria um namespace com uma função soma que soma dois números. Para utilizar essa função em outro arquivo, basta importar o namespace com o comando:

import Calculadora = require("./calculadora");