Онлайн-компилятор TypeScript – Запускайте TypeScript в вашем браузере

Используйте наш онлайн-компилятор TypeScript, чтобы писать, компилировать и запускать код TypeScript мгновенно в браузере. Идеально подходит для разработчиков, изучающих TypeScript, или для быстрого тестирования кода.

Версия

Пример

🚀 всего выполнений ( в этом месяце)

👨‍💻 Изучайте Typescript на практике с реальными проектами

💡 Основы TypeScript для начинающих

1. Объявление переменных

TypeScript позволяет статическую типизацию с помощью let, const и аннотаций типов.

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

2. Условные операторы (if / switch)

Используйте if, else if и else для ветвления. switch обрабатывает несколько значений.

let x = 5;
if (x > 0) {
  console.log("Положительное");
} else if (x < 0) {
  console.log("Отрицательное");
} else {
  console.log("Ноль");
}

switch (x) {
  case 1:
    console.log("Один");
    break;
  case 2:
    console.log("Два");
    break;
  default:
    console.log("Другое");
}

3. Циклы

Используйте for, while и for...of для итерации.

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

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

4. Массивы

Используйте квадратные скобки [] для определения массивов.

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

5. Манипуляции с массивами

Используйте встроенные методы, такие как push, splice и filter.

let arr = [10, 20, 30];
arr.push(40);          // Добавить в конец
arr.splice(1, 1);      // Удалить второй элемент
console.log(arr);

6. Ввод/вывод в консоль

Используйте console.log для отображения вывода в консоли.

const name: string = "Alice";
console.log("Привет, " + name);

7. Функции

Объявляйте функции с типизированными параметрами и возвращаемыми значениями.

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

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

8. Карты

Используйте обычные объекты или Map для структур ключ-значение.

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

9. Обработка исключений

Используйте try и catch для обработки ошибок.

try {
  throw new Error("Что-то пошло не так");
} catch (e) {
  console.error(e.message);
}

10. Работа с файлами (только Node.js)

Используйте модуль fs в Node.js для чтения и записи файлов.

import * as fs from "fs";

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

11. Манипуляции со строками

Используйте методы строк, такие как length, concat, includes.

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

12. Классы и объекты

TypeScript поддерживает объектно-ориентированное программирование.

class Person {
  name: string;
  constructor(name: string) {
    this.name = name;
  }
  greet() {
    console.log(\`Привет, я \${this.name}\`);
  }
}

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