Playground TypeScript

Ten TypeScript Playground pozwala szybko przetestować fragment kodu bez otwierania pełnego projektu. Uruchamia kompilator TypeScript w przeglądarce, pokazuje diagnostykę sprawdzania typów z numerami linii, emituje JavaScript i może uruchamiać proste wyjście w konsoli w piaskownicy.

Co robi ten TypeScript Playground

Narzędzie jest przeznaczone do codziennych kontroli TypeScript: walidacji zawężania unii, testowania generycznych typów pomocniczych, porównywania celów kompilatora, potwierdzania zachowania trybu strict oraz przeglądania kodu JavaScript emitowanego przez TypeScript. Jest przydatne do nauki, debugowania zwartego przykładu, przygotowania odpowiedzi lub sprawdzenia małego refaktoryzacji przed przeniesieniem jej do projektu.

Jak używać kompilatora TypeScript

1. Wklej kod TypeScript do edytora lub wybierz szybki przykład.
2. Wybierz cel JavaScript i format modułu.
3. Włącz tryb strict i opcjonalne sprawdzanie dostępu indeksowanego, gdy potrzebujesz dokładniejszej diagnostyki.
4. Kliknij Kompiluj i sprawdź typy lub pozostaw włączoną automatyczną kompilację, aby uzyskać natychmiastową informację zwrotną.
5. Przejrzyj diagnostykę, sprawdź wyemitowany JavaScript, a następnie uruchom proste fragmenty w konsoli w piaskownicy.

Uwagi dotyczące sprawdzania typów

Kompilator w przeglądarce używa kompaktowego wbudowanego pliku deklaracji dla typowych obiektów JavaScript, takich jak tablice, łańcuchy znaków, rekordy, JSON, console i timery. Dzięki temu Playground jest szybki i samowystarczalny dla fragmentów kodu. Jeśli Twój kod zależy od React, Node.js, DOM APIs lub deklaracji specyficznych dla pakietów, potwierdź końcowy wynik w swoim projekcie z rzeczywistym tsconfig.json i zainstalowanymi pakietami typów.

Przykłady i przypadki użycia

Używaj Playgroundu, gdy chcesz wyizolować błąd typu z większej bazy kodu, porównać, jak tryb strict zmienia diagnostykę, wyjaśnić koledze z zespołu koncepcję TypeScript lub sprawdzić, jak mały fragment kompiluje się do JavaScript. Wbudowane przykłady obejmują discriminated unions, generyczne pomocniki rekordów, operator satisfies oraz celowe błędy typów, dzięki czemu możesz zobaczyć zarówno poprawne, jak i błędne stany kompilatora.

• Zwaliduj typ unii przed dodaniem go do modelu odpowiedzi API.
• Przetestuj generyczny pomocnik bez czekania na pełną kompilację aplikacji.
• Sprawdź wyemitowany JavaScript przy zmianie opcji target lub module.
• Udostępnij zwartą reprodukcję diagnostyki TypeScript.

FAQ

Czy to narzędzie sprawdza typy TypeScript?

Tak. Buduje program TypeScript w przeglądarce i raportuje diagnostykę z kompilatora, w tym błędy typów, błędy składni i komunikaty o opcjach kompilatora.

Czy mogę zmienić opcje kompilatora TypeScript?

Tak. Główne kontrolki obejmują cel JavaScript, wyjście modułu, tryb strict, emisję deklaracji oraz noUncheckedIndexedAccess.

Dlaczego brakuje typu biblioteki?

Ten Playground celowo używa kompaktowej wbudowanej biblioteki typów. W przypadku typów frameworka, DOM, Node.js lub pakietów npm użyj lokalnej konfiguracji projektu.

Czy uruchamianie JavaScript jest bezpieczne?

Runner używa iframe w piaskownicy do szybkich fragmentów. Unikaj uruchamiania niezaufanego kodu i testuj prawdziwy kod aplikacji w normalnym środowisku programistycznym.