Online TypeScript Compiler
Write, compile, run, and debug TypeScript online in a full-featured browser IDE. Manage multiple files and packages, save your workspace, and collaborate in real time.
💡 Освойте Typescript, чтобы прокачать свои навыки
Загрузка…
💡 Хотите улучшить свои навыки? Эти курсы могут помочь — ознакомьтесь с ними, пока наша модель искусственного интеллекта обрабатывает ваш запрос.
🌀 Об этом онлайн-исполнителе TypeScript
CodeUtility TypeScript Executor позволяет писать и запускать код на TypeScript прямо в браузере - без настройки компилятора, установки Node.js или локального окружения. Он запускает реальный код TypeScript, скомпилированный в JavaScript, в безопасной песочнице.
Это окружение сейчас поддерживает TypeScript 5.4, предоставляя доступ к последним возможностям языка: декораторам, улучшенному выводу типов и современной поддержке ECMAScript.
Учите ли вы TypeScript, тестируете вспомогательные функции или экспериментируете с типизацией и интерфейсами - этот инструмент даёт быстрый и интерактивный способ писать, компилировать и выполнять код с мгновенной обратной связью.
Он идеально подходит разработчикам, которые хотят исследовать систему типов TypeScript или проверить, как 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();