TypeScript 7.0.0

Online kompilator TypeScript

Name: myCompiler TypeScript
Author: myCompiler

myCompiler to darmowy internetowy kompilator, edytor i środowisko uruchomieniowe dla języka TypeScript który pozwala pisać, uruchamiać i udostępniać kod TypeScript bezpośrednio w przeglądarce. Działa jako playground, sandbox, fiddle, kompilator w chmurze i internetowy REPL dla TypeScript. Bez pobierania, bez instalacji. Wystarczy otworzyć edytor i zacząć kodować z podświetlaniem składni, autouzupełnianiem i natychmiastowym podglądem wyników.

Zacznij kodować w TypeScript Jak to działa

27+ języków Używany przez ponad 1 mln programistów Bezpłatny na zawsze

main.ts

interface User {
  name: string;
  age: number;
}

const users: User[] = [
  { name: "Alice", age: 25 },
  { name: "Bob", age: 30 },
];

for (const u of users) {
  console.log(`${u.name}: ${u.age}`);
}

Output

Alice: 25 Bob: 30

Jak uruchomić kod TypeScript online

Trzy kroki od pomysłu do działającego kodu TypeScript w tym playgroundzie online. Konto nie jest wymagane.

Napisz swój kod

Otwórz edytor TypeScript i zacznij pisać. Inteligentny edytor oferuje podświetlanie składni, autouzupełnianie i wykrywanie błędów podczas pisania.

Kliknij Uruchom

Naciśnij przycisk Run lub wciśnij +Enter aby uruchomić kod TypeScript na bezpiecznych, izolowanych serwerach w chmurze.

Zobacz wyniki

Wyniki pojawiają się natychmiast w zintegrowanym terminalu. Błędy i wyjątki są wyświetlane z czytelnymi, pomocnymi komunikatami.

Wszystko, czego potrzebujesz do kodowania w TypeScript

Kompletne internetowe IDE i playground dla TypeScript w Twojej przeglądarce. Pisz, uruchamiaj i udostępniaj kod bez żadnej konfiguracji.

Zero konfiguracji

Zacznij kodować w kilka sekund dzięki przeglądarkowemu interpreterowi TypeScript. Bez pobierania, instalacji ani konfiguracji środowiska. Otwórz przeglądarkę, przejdź do myCompiler i od razu zacznij pisać kod TypeScript.

Działa na każdym urządzeniu z przeglądarką internetową. Komputer stacjonarny, laptop, tablet, telefon, Chromebook. Nie ma nic do zainstalowania ani skonfigurowania.

Rozbudowany edytor kodu

Pisz kod TypeScript w profesjonalnym edytorze wbudowanym w przeglądarkę. Podświetlanie składni koloruje kod dla lepszej czytelności, dzięki czemu słowa kluczowe, ciągi znaków i funkcje są łatwe do odróżnienia na pierwszy rzut oka.

Inteligentne autouzupełnianie podpowiada metody i właściwości podczas pisania, a wykrywanie błędów w czasie rzeczywistym wychwytuje pomyłki jeszcze przed uruchomieniem kodu.

Projekty wieloplikowe

Twórz i zarządzaj wieloma plikami w jednym projekcie. Korzystaj z paska bocznego plików, aby organizować kod w moduły i importować je między plikami – tak jak w lokalnym IDE.

Buduj modularne aplikacje z właściwą strukturą projektu. Każdy plik jest edytowalny, a przełączanie między nimi jest natychmiastowe.

Natychmiastowe uruchamianie kodu

Kliknij przycisk Uruchom lub naciśnij +Enter aby natychmiast wykonać kod TypeScript. To internetowe środowisko uruchomieniowe wyświetla wyniki od razu w zintegrowanym panelu terminala. Twój kod jest wykonywany na bezpiecznych, izolowanych serwerach w chmurze, a wyniki pojawiają się w ciągu sekund.

Komunikaty o błędach i tracebacki są wyświetlane czytelnie, co ułatwia znajdowanie i naprawianie problemów. Terminal obsługuje kolory ANSI dla bogatego formatowania wyników.

Gotowy, żeby spróbować? Napisz i uruchom swój pierwszy program w TypeScript w kilka sekund.

Otwórz edytor TypeScript

TypeScript na myCompiler

myCompiler używa TypeScript 7.0.0, zawsze aktualnej, stabilnej wersji. Otrzymujesz pełne przeglądarkowe IDE z podświetlaniem składni, inteligentnym uzupełnianiem kodu, obsługą projektów wieloplikowych, wbudowanym terminalem do wyników w czasie rzeczywistym oraz standardowym wejściem (stdin) dla programów interaktywnych. Pisz, kompiluj, uruchamiaj i debuguj kod TypeScript na każdym urządzeniu. Komputer stacjonarny, laptop, tablet, telefon, Chromebook. Zero pobierania, zero konfiguracji i bez rejestracji. Zapisuj programy z unikalnym adresem URL i udostępniaj je każdemu. Możesz też osadzić działający edytor TypeScript na własnej stronie internetowej.

Korzystaj z tego internetowego playgroundu TypeScript jako szybkiego środowiska uruchomieniowego do testowania fragmentów kodu, sandboxa do nauki lub kompilatora w chmurze do przygotowania się do rozmów kwalifikacyjnych. Edytor zawiera tryb ciemny dla wygodnego kodowania, skróty klawiszowe dla szybszej pracy i czytelne komunikaty błędów z numerami linii, dzięki którym możesz szybko debugować. Uczniowie używają go do odrabiania zadań i ćwiczeń. Nauczyciele używają go do udostępniania przykładów. Programiści używają go do prototypowania pomysłów. myCompiler jest przyjazny dla początkujących, szybki i całkowicie bezpłatny. Działa w każdej nowoczesnej przeglądarce internetowej.

Zacznij kodować w TypeScript

Przykłady kodu TypeScript

Typowe wzorce TypeScript, które możesz wypróbować w kompilatorze online. Każdy przykład jest gotowy do uruchomienia.

Hello World w TypeScript

main.ts

console.log("Hello, World!");

Zmienne i typy danych w TypeScript

main.ts

const name: string = "Alice";
let age: number = 30;
const isStudent: boolean = true;
console.log(`${name} is ${age} years old`);

Instrukcje warunkowe If-Else w TypeScript

main.ts

const x: number = 10;
if (x > 0) {
  console.log("Positive");
} else if (x === 0) {
  console.log("Zero");
} else {
  console.log("Negative");
}

Pętle For i While w TypeScript

main.ts

for (let i = 0; i < 5; i++) {
  console.log(`Count: ${i}`);
}

const fruits: string[] = ["apple", "banana", "cherry"];
for (const fruit of fruits) {
  console.log(fruit);
}

Funkcje w TypeScript

main.ts

function greet(name: string, greeting: string = "Hello"): string {
  return `${greeting}, ${name}!`;
}

console.log(greet("Alice"));
console.log(greet("Bob", "Hi"));

Tablice i kolekcje w TypeScript

main.ts

const fruits: string[] = ["apple", "banana", "cherry"];
fruits.push("date");
console.log(fruits[1]);

const person: { name: string; age: number } = { name: "Alice", age: 30 };
console.log(person.name);

Klasy i obiekty w TypeScript

main.ts

class Dog {
  constructor(public name: string, public breed: string) {}

  bark(): string {
    return `${this.name} says Woof!`;
  }
}

const dog = new Dog("Rex", "Labrador");
console.log(dog.bark());

Obsługa błędów w TypeScript

main.ts

try {
  const result = JSON.parse("invalid json");
} catch (e) {
  console.log(`Error: ${(e as Error).message}`);
} finally {
  console.log("Done");
}

Operacje plikowe (I/O) w TypeScript

main.ts

import * as fs from "fs";

// Write to file
fs.writeFileSync("output.txt", "Hello, File!");

// Read from file
const content = fs.readFileSync("output.txt", "utf8");
console.log(content);

Typy generyczne w TypeScript

main.ts

function identity<T>(value: T): T {
  return value;
}

function firstElement<T>(arr: T[]): T | undefined {
  return arr[0];
}

console.log(identity<string>("Hello TypeScript"));
console.log(identity<number>(42));
console.log(firstElement([10, 20, 30]));

Wypróbuj te przykłady w edytorze

Jak wprowadzać dane w TypeScript online

myCompiler obsługuje standardowe wejście (stdin) dla programów w TypeScript. Użyj standardowych funkcji wejściowych TypeScript, aby odczytać dane wejściowe użytkownika. Wprowadź dane wejściowe w panelu stdin przed uruchomieniem programu.

Działa zarówno dla danych jednowierszowych, jak i wielowierszowych. Możesz odczytywać ciągi znaków i konwertować je na liczby za pomocą wbudowanych funkcji I/O języka.

Wypróbuj sam

main.ts stdin obsługiwane

const readline = require("readline");
const rl = readline.createInterface({
  input: process.stdin
});

const lines: string[] = [];
rl.on("line", (line: string) => lines.push(line));
rl.on("close", () => {
  console.log(`Hello ${lines[0]}!`);
  console.log(`You'll be ${+lines[1] + 1} next year.`);
});

stdin

Alice
25

Wyjście

Hello Alice!
You'll be 26 next year.

Bez konfiguracji, bez rejestracji. Zacznij pisać kod TypeScript już teraz.

Zacznij kodować teraz

Pierwsze kroki z TypeScript online

Możesz zacząć pisać i uruchamiać kod TypeScript już teraz bez instalowania czegokolwiek. Wpisz swój kod i kliknij Uruchom. To darmowe środowisko uruchomieniowe dla kodu TypeScript wykonuje program natychmiast i wyświetla wyniki w panelu terminala poniżej edytora. Otwórz edytor online TypeScript, wpisz swój kod i kliknij Uruchom.

Jeśli dopiero zaczynasz z TypeScript, użyj tego internetowego playgroundu TypeScript, aby rozpocząć od podstaw: zmiennych, typów danych, instrukcji warunkowych i pętli. Przykłady kodu powyżej obejmują wszystkie podstawy potrzebne do nauki. Każdy przykład można skopiować do sandboxa i uruchomić natychmiast. Bez konfiguracji.

W miarę postępów spróbuj tworzyć projekty wieloplikowe, korzystać z bibliotek i udostępniać programy innym za pomocą adresu URL. Zarejestruj darmowe konto, aby zapisywać swoją pracę i budować osobistą bibliotekę programów. myCompiler działa jako pełne internetowe IDE dla TypeScript bezpośrednio w Twojej przeglądarce.

Kto używa myCompiler

Niezależnie od tego, czy uczysz się programować, przygotowujesz do rozmów kwalifikacyjnych, czy prototypujesz pomysły – myCompiler jest stworzony dla Ciebie.

Uczniowie i osoby uczące się

Ćwicz zadania, odrabiaj prace domowe i eksperymentuj z kodem bez instalowania czegokolwiek na szkolnych lub prywatnych komputerach.

Nauczyciele i wykładowcy

Udostępniaj przykłady kodu uczniom za pomocą unikalnych adresów URL. Osadzaj kompilator w materiałach kursowych, dzięki czemu uczniowie mogą uruchamiać przykłady bezpośrednio w przeglądarce.

Kandydaci na rozmowy kwalifikacyjne

Ćwicz zadania z rozmów kwalifikacyjnych, testuj algorytmy i szybko weryfikuj rozwiązania podczas przygotowań do rozmów technicznych.

Profesjonalni programiści

Szybko prototypuj pomysły, testuj fragmenty kodu lub wypróbuj bibliotekę bez konfigurowania lokalnego środowiska. Idealne do szybkich eksperymentów.

Twórcy treści i blogerzy

Osadzaj interaktywne przykłady w postach na blogu, samouczkach i dokumentacji, dzięki czemu czytelnicy mogą uruchamiać kod bez opuszczania strony.

Zespoły i współpracownicy

Udostępniaj fragmenty kodu współpracownikom za pomocą adresów URL. Inni mogą przeglądać, uruchamiać i forkować Twój kod, aby kontynuować Twoją pracę.

myCompiler vs. lokalne IDE

Dlaczego warto używać internetowego kompilatora TypeScript zamiast instalować go lokalnie?

Funkcja	myCompiler	Lokalne IDE
Czas konfiguracji	Natychmiastowy	Minuty do godzin
Instalacja	Nie jest wymagana	TypeScript + IDE wymagane
Obsługa urządzeń	Każda przeglądarka	Tylko komputer
Udostępnianie kodu	URL jednym kliknięciem	Ręcznie (plik, git itp.)
Języki	27+ w jednym miejscu	Jeden na raz
Koszt	Bezpłatny na zawsze	Bezpłatny do zł zł zł
Działa na Chromebooku	Tak	Ograniczone

Czym jest TypeScript?

TypeScript to silnie typowany nadzbiór JavaScript opracowany przez Microsoft i wydany po raz pierwszy w 2012 roku. Zaprojektowany przez Andersa Hejlsberga (twórcę również C# i Turbo Pascal), TypeScript dodaje opcjonalne statyczne typowanie, interfejsy, wyliczenia, typy generyczne i dekoratory do JavaScript. Każdy poprawny kod JavaScript jest poprawnym kodem TypeScript — możesz adoptować TypeScript stopniowo.

TypeScript kompiluje się do zwykłego JavaScript, działając w dowolnej przeglądarce lub środowisku Node.js. Jego system typów wychwytuje całe kategorie błędów w czasie kompilacji — undefined is not a function, błędy null pointer i nieprawidłowe typy argumentów — które w JavaScript ujawniłyby się dopiero w czasie wykonania. Główne projekty jak VS Code, Angular i Deno są napisane w TypeScript.

Do czego służy TypeScript?

TypeScript jest używany w dużych aplikacjach frontendowych z Angular (który wymaga TypeScript), React z TypeScript i Vue 3, usługach backendowych Node.js, gdzie bezpieczeństwo typów redukuje błędy w API, frameworkach full-stack jak Next.js i NestJS, tworzeniu bibliotek, gdzie silne typowania poprawiają doświadczenie użytkownika, oraz w każdej bazie kodu, gdzie wielu programistów współpracuje i potrzebuje jasnych interfejsów.

TypeScript dla początkujących

TypeScript najlepiej uczyć się po zdobyciu solidnych podstaw JavaScript. Gdy zrozumiesz zachowanie JavaScript w czasie wykonania, system typów TypeScript pomoże Ci pisać bardziej przewidywalny kod. Komunikaty o błędach kompilatora TypeScript są edukacyjne — wyjaśniają dokładnie, jaka niezgodność typów wystąpiła i dlaczego. Użyj internetowego kompilatora TypeScript w myCompiler, aby eksperymentować z typami, interfejsami, generykami i dekoratorami bez lokalnej konfiguracji tsconfig.json.

TypeScript vs inne języki

W porównaniu z JavaScript, TypeScript dodaje bezpieczeństwo typów w czasie kompilacji, które wychwytuje błędy wcześniej, kosztem kroku kompilacji i bardziej szczegółowej składni dla adnotacji typów. W porównaniu z Flow (narzędzie do sprawdzania typów JavaScript od Facebooka), TypeScript wygrał bitwę ekosystemową — praktycznie wszystkie główne frameworki mają teraz pierwszorzędne wsparcie dla TypeScript. W porównaniu z Javą czy C#, system typów TypeScript jest strukturalny (nie nominalny) i bardziej elastyczny, ale środowisko uruchomieniowe JavaScript oznacza, że część informacji o typach jest usuwana w czasie wykonania.

Dlaczego warto używać internetowego kompilatora TypeScript?

Internetowy kompilator TypeScript, nazywany również playgroundem TypeScript lub sandboxem TS, pozwala kompilować i uruchamiać kod TypeScript bezpośrednio w przeglądarce bez instalowania Node.js, tsc ani konfigurowania tsconfig.json. Idealny do nauki typów TypeScript, eksperymentowania z generykami i typami narzędziowymi, testowania dekoratorów i udostępniania przykładów TypeScript z zachowanymi adnotacjami typów.

Internetowe IDE TypeScript w myCompiler wykonuje pełne sprawdzanie typów za pomocą oficjalnego kompilatora tsc. Błędy typów pojawiają się w panelu wyjściowym z numerami linii. Środowisko obsługuje nowoczesne funkcje TypeScript, w tym typy warunkowe, typy literałów szablonowych i dekoratory. Zapisuj i udostępniaj programy przez URL — całkowicie za darmo.

Dlaczego TypeScript jest tak popularny?

Wzrost TypeScript był meteoryczny — w ankiecie Stack Overflow Developer Survey od lat zajmuje czołowe miejsce wśród najbardziej lubianych języków. Jego adopcja przyspieszyła, gdy Angular uczynił go domyślnym językiem, a ekosystem React dodał silne wsparcie dla TypeScript. Głównym motorem jest produktywność programistów na dużą skalę: IntelliSense, narzędzia do refaktoryzacji i sprawdzanie typów w TypeScript czynią duże bazy kodu JavaScript znacznie łatwiejszymi w utrzymaniu.

Możliwości kariery z TypeScript

Umiejętności TypeScript są teraz oczekiwane na większości stanowisk frontendowych i Node.js. Oferty pracy dla developerów React, Angular, Vue i Node.js często wymieniają TypeScript jako wymaganą lub preferowaną umiejętność. Role obejmują inżyniera frontendu, developera full-stack, inżyniera backendu TypeScript/Node.js i developera Angular. Dodanie TypeScript do wiedzy o JavaScript znacząco zwiększa Twoją atrakcyjność na rynku pracy.

Wypróbuj TypeScript online Bezpłatnie · Bez rejestracji

Skróty klawiszowe

Koduj szybciej dzięki tym skrótom klawiszowym w edytorze myCompiler.

Uruchom kod

+ Enter

Zapisz program

+ S

Przełącz komentarz

+ /

Wcięcie wiersza

Tab

Usuń wcięcie wiersza

Shift + Tab

Cofnij

+ Z

Zaznacz następne wystąpienie

+ D

Znajdź i zamień

+ H

Osadź kompilator TypeScript na swojej stronie

Dodaj interaktywny kompilator TypeScript do swojej witryny, bloga lub platformy edukacyjnej. Czytelnicy mogą pisać i uruchamiać kod TypeScript bezpośrednio na Twojej stronie bez jej opuszczania.

Idealne do samouczków technicznych, kursów programowania, dokumentacji i treści edukacyjnych. Zapisz program w myCompiler i użyj linku do osadzenia, aby dodać go do dowolnej strony internetowej.

Embedded TypeScript kompilator, edytor i środowisko uruchomieniowe

HTML

<iframe
src="https://www.mycompiler.io
    /embed/typescript"
width="100%"
height="400"
frameborder="0">
</iframe>

Dlaczego programiści wybierają myCompiler

Pełnofunkcyjne internetowe IDE dla TypeScript i 27+ innych języków programowania.

27+ języków

Python, JavaScript, Java, C++, Rust, Go, TypeScript, C# i wiele więcej. Wszystkie kompilatory i interpretery w jednym miejscu. Przełączaj języki natychmiast.

Tryb ciemny i jasny

Przełączaj się między jasnym i ciemnym motywem jednym kliknięciem. Koduj wygodnie w każdych warunkach oświetleniowych, w dzień i w nocy.

Przyjazny dla urządzeń mobilnych

W pełni responsywny edytor zoptymalizowany pod telefony, tablety i Chromebooki. Koduj na dowolnym urządzeniu z przeglądarką internetową. Nie trzeba pobierać żadnej aplikacji.

Zapisz i udostępnij kod

Zapisuj programy na swoim koncie, udostępniaj je za pomocą unikalnych adresów URL i pozwól innym przeglądać, forkować i uruchamiać Twój kod. Idealne do współpracy i przeglądów kodu.

Tagi i organizacja

Organizuj zapisane programy za pomocą tagów i szybko je znajdź dzięki wyszukiwaniu i filtrom. Buduj osobistą bibliotekę fragmentów kodu i rozwiązań.

Konto nie jest wymagane

Zacznij pisać i uruchamiać kod natychmiast. Bez rejestracji, bez e-maila, bez karty kredytowej. Załóż darmowe konto później tylko wtedy, gdy chcesz zapisywać swoją pracę.

Odkryj więcej języków programowania

myCompiler obsługuje 27+ języków. Przełączaj się między nimi w dowolnym momencie. Wszystkie bezpłatne, wszystkie w jednym miejscu.

C++

Java

Zobacz wszystkie 27+ języki

Często zadawane pytania

Najczęstsze pytania dotyczące korzystania z internetowego kompilatora, playgroundu i środowiska uruchomieniowego TypeScript.

Tak! myCompiler jest całkowicie bezpłatny dla wszystkich obsługiwanych języków, w tym TypeScript. Nie ma żadnych subskrypcji, planów premium ani ukrytych kosztów. Każda funkcja jest dostępna bezpłatnie.

myCompiler na bieżąco aktualizuje swoje środowisko TypeScript. Dokładną wersję możesz zobaczyć w sekcji szczegółów języka na tej stronie. Regularnie aktualizujemy wszystkie środowiska wykonawcze do najnowszych stabilnych wersji.

Tak. myCompiler kompiluje TypeScript za pomocą oficjalnego kompilatora TSC, który wykonuje pełne sprawdzanie typów. Błędy typów będą zgłaszane w panelu wyjściowym wraz z numerami linii.

Po prostu otwórz edytor TypeScript, wpisz lub wklej swój kod i kliknij przycisk Uruchom. Twój kod zostanie wykonany na naszych serwerach, a wyniki pojawią się w panelu terminala w ciągu kilku sekund.

Tak. Kliknij Zapisz, aby zachować program. Otrzymasz unikalny adres URL, który możesz udostępnić każdemu. Odbiorcy mogą przeglądać, forkować i uruchamiać Twój kod.

Tak. myCompiler obsługuje projekty wieloplikowe. Możesz tworzyć, zmieniać nazwy i usuwać pliki w pasku bocznym. Pozwala to organizować kod TypeScript tak jak w lokalnym IDE.

Tak. Cały kod jest uruchamiany w izolowanych kontenerach na naszych serwerach. Każde wykonanie otrzymuje własne środowisko sandbox, które jest niszczone po zakończeniu. Twój kod nie może wpłynąć na innych użytkowników ani na naszą infrastrukturę.

Tak. myCompiler ma responsywny design zoptymalizowany pod telefony i tablety. Możesz pisać i uruchamiać kod TypeScript w podróży. Interfejs mobilny używa zakładek do przełączania między edytorem, wynikami i panelem plików.

Tak. Kliknij zakładkę Wejście w dolnym panelu, wpisz lub wklej dane wejściowe, a następnie kliknij Uruchom. Twój program odczyta podane dane wejściowe.

Wykonanie jest szybkie. Kod działa na naszej zoptymalizowanej infrastrukturze chmurowej, a wyniki zazwyczaj pojawiają się w ciągu kilku sekund. Czas wykonania zależy od złożoności Twojego programu.

Tak. myCompiler udostępnia funkcję osadzania. Możesz skopiować fragment iframe i wkleić go na swojej stronie internetowej, blogu lub w dokumentacji. Odwiedzający mogą edytować i uruchamiać kod bezpośrednio na Twojej stronie.

myCompiler obsługuje popularne skróty klawiszowe edytora, w tym Uruchom (Ctrl/Cmd+Enter), Zapisz (Ctrl/Cmd+S), Znajdź (Ctrl/Cmd+F) i inne. Pełna lista znajduje się w sekcji skrótów klawiszowych na tej stronie.

Nie. myCompiler wymaga połączenia z internetem, ponieważ kod jest kompilowany i wykonywany na naszych serwerach w chmurze. Sam edytor ładuje się w Twojej przeglądarce, ale uruchamianie kodu wymaga łączności.

myCompiler oferuje szybkie, bezpłatne środowisko bez konfiguracji z nowoczesnym edytorem kodu, obsługą wielu plików, trybem ciemnym i natychmiastowym udostępnianiem. Idealny do nauki, prototypowania, rozmów kwalifikacyjnych i udostępniania przykładów kodu.

Tak. myCompiler doskonale nadaje się do ćwiczenia algorytmów i zadań programistycznych. Możesz pisać kod TypeScript, podawać własne dane wejściowe i natychmiast testować rozwiązania. Zapisz swoją pracę i wracaj do niej w dowolnym momencie.

Używaj instrukcji print lub wyjścia konsoli, aby śledzić działanie programu. myCompiler wyświetla wszystkie dane standardowego wyjścia i komunikaty błędów w panelu terminala. Komunikaty błędów zawierają numery linii, które pomagają zlokalizować problemy.

Gotowy do pisania kodu w TypeScript?

Otwórz darmowy playground TypeScript i zacznij kodować natychmiast. Bez pobierania, bez konta.

Zacznij kodować w TypeScript

Bezpłatnie · Bez rejestracji · TypeScript 7.0.0