TypeScript CLI Исполнитель Онлайн

Мгновенное тестирование TypeScript в браузере: CLI-инструмент для разработки, обучения и отладки без установки.

Версия

Пример

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

📚 Лучшие курсы по Typescript, которые стоит попробовать

🌀 Об этом онлайн-исполнителе TypeScript

CodeUtility TypeScript Executor позволяет писать и запускать код на TypeScript прямо в браузере — без настройки компилятора, установки Node.js или локального окружения. Он запускает реальный код TypeScript, скомпилированный в JavaScript, в безопасной песочнице.

Это окружение сейчас поддерживает TypeScript 5.4, предоставляя доступ к последним возможностям языка: декораторам, улучшенному выводу типов и современной поддержке ECMAScript.

Учите ли вы TypeScript, тестируете вспомогательные функции или экспериментируете с типизацией и интерфейсами — этот инструмент даёт быстрый и интерактивный способ писать, компилировать и выполнять код с мгновенной обратной связью.

Он идеально подходит разработчикам, которые хотят исследовать систему типов TypeScript или проверить, как TypeScript компилируется в JavaScript, не переключаясь между редакторами и локальными терминалами.

💡 Как пользоваться этим инструментом

1. Выберите доступную версию TypeScript (5.4) в выпадающем списке вверху редактора.
2. Напишите или вставьте свой код TypeScript в область редактора — включая типы, интерфейсы и дженерики.
3. Нажмите Выполнить, чтобы скомпилировать и запустить код; вывод появится в консоли ниже.
4. Во время выполнения появится кнопка Остановить — нажмите её, чтобы прервать процесс.
5. Используйте Исправить код, чтобы автоматически поправить проблемы с синтаксисом или отступами.
6. После исправлений появится кнопка Исправления — нажмите, чтобы просмотреть последние правки.
7. Вы также можете Загрузить локальный файл в редактор или Скачать текущий код.
8. Каждый запуск выполняется до 20 секунд, после чего прерывается для стабильности и честного использования.

🧠 Совет: Исполнитель TypeScript автоматически компилирует ваш код в JavaScript за кулисами — вы тестируете реальное поведение выполнения, при этом пользуясь статической типизацией и безопасностью на этапе компиляции.

💡 Базовое руководство по 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

Используйте обычные объекты или 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)

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

import * as fs from "fs";

fs.writeFileSync("file.txt", "Привет, файл");
const content = fs.readFileSync("file.txt", "utf-8");
console.log(content);

11. Работа со строками

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

let str = "Привет, мир";
console.log(str.length);
console.log(str + "!");
console.log(str.includes("мир"));

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

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

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

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