Compilador TypeScript Online – Execute TypeScript no Seu Navegador

Use nosso compilador TypeScript online para escrever, compilar e executar código TypeScript instantaneamente no navegador. Perfeito para desenvolvedores que estão aprendendo TypeScript ou testando código rapidamente.

Versão

Exemplo

🚀 execuções totais ( este mês)

📚 Melhores cursos de Typescript que você precisa conhecer

💡 Guia Básico de TypeScript para Iniciantes

1. Declarando Variáveis

TypeScript permite tipagem estática com let, const, e anotações de tipo.

let x: number = 10;
const pi: number = 3.14;
let name: string = "Alice";
let isActive: boolean = true;

2. Condicionais (if / switch)

Use if, else if, e else para ramificações. switch lida com múltiplos valores.

let x = 5;
if (x > 0) {
  console.log("Positivo");
} else if (x < 0) {
  console.log("Negativo");
} else {
  console.log("Zero");
}

switch (x) {
  case 1:
    console.log("Um");
    break;
  case 2:
    console.log("Dois");
    break;
  default:
    console.log("Outro");
}

3. Loops

Use for, while, e for...of para iteração.

for (let i = 1; i <= 5; i++) {
  console.log(i);
}

let i = 5;
while (i > 0) {
  console.log(i);
  i--;
}

4. Arrays

Use colchetes [] para definir arrays.

let numbers: number[] = [1, 2, 3, 4, 5];
let names: string[] = ["Alice", "Bob"];
console.log(numbers[1]);

5. Manipulação de Arrays

Use métodos embutidos como push, splice, e filter.

let arr = [10, 20, 30];
arr.push(40);          // Adicionar
arr.splice(1, 1);      // Remover segundo elemento
console.log(arr);

6. Entrada/Saída no Console

Use console.log para exibir saída no console.

const name: string = "Alice";
console.log("Olá, " + name);

7. Funções

Declare funções com parâmetros tipados e valores de retorno.

function add(a: number, b: number): number {
  return a + b;
}

console.log(add(3, 5));

8. Mapas

Use objetos simples ou Map para estruturas de chave-valor.

const m = new Map<string, number>();
m.set("Alice", 25);
console.log(m.get("Alice"));

9. Tratamento de Exceções

Use try e catch para lidar com erros.

try {
  throw new Error("Algo deu errado");
} catch (e) {
  console.error(e.message);
}

10. Entrada/Saída de Arquivos (apenas Node.js)

Use o módulo fs do Node.js para ler e escrever arquivos.

import * as fs from "fs";

fs.writeFileSync("file.txt", "Hello File");
const content = fs.readFileSync("file.txt", "utf-8");
console.log(content);

11. Manipulação de Strings

Use métodos de string como length, concat, includes.

let str = "Hello World";
console.log(str.length);
console.log(str + "!");
console.log(str.includes("World"));

12. Classes & Objetos

TypeScript suporta programação orientada a objetos.

class Person {
  name: string;
  constructor(name: string) {
    this.name = name;
  }
  greet() {
    console.log(\`Oi, eu sou \${this.name}\`);
  }
}

const p = new Person("Alice");
p.greet();