TypeScript in JavaScript umwandeln — Numio
Entfernt TypeScript-Typen – Annotationen, Interfaces, Typaliase und Generics – und liefert reines JavaScript. Funktioniert für .ts und .tsx: JSX bleibt unverändert, sodass eine TSX-Komponente zu JSX wird. Der Code wird auf dem Server konvertiert; nichts wird typgeprüft, gebündelt oder ausgeführt.
Sieh dir an, wie ein TypeScript-Snippet als reines JavaScript aussieht, bevor du es in einem JS-Projekt verwendest.
Code is converted on the server. No type-checking, execution or dependency bundling is performed. JSX is preserved.
TypeScript
JavaScript
Wann sie hilft
- Sieh dir an, wie ein TypeScript-Snippet als reines JavaScript aussieht, bevor du es in einem JS-Projekt verwendest.
- Mach aus einer React-.tsx-Komponente eine .jsx-Datei, indem du die Prop-Typen entfernst und das JSX behältst.
Anwendung
- Füge TypeScript oder TSX ein oder lade ein Beispiel (Interface und Funktion, Generics, JSX). Das Laden eines Beispiels ersetzt deine Eingabe.
- Lies das JavaScript rechts. Typannotationen und Interfaces verschwinden; Code, der zur Laufzeit existiert, etwa ein enum, wird als JavaScript ausgegeben.
- Kopiere das Ergebnis. Wenn du Typsicherheit brauchst, prüfe das ursprüngliche TypeScript separat mit tsc --noEmit.
TypeScript-Eingabe
interface User { name: string }
const greet = (user: User): string => "Hello, " + user.name;JavaScript-Ausgabe
const greet = (user) => "Hello, " + user.name
Details und Einschränkungen
Dein Code wird zur Konvertierung an den Server von douni.one gesendet. Füge keine Geheimnisse, API-Schlüssel oder Quellcode ein, den du nicht teilen darfst.
Typen entfernen ist keine Typprüfung: const count: number = "text" wird ohne Fehler konvertiert. Prüfe Typen mit dem TypeScript-Compiler.
JSX bleibt JSX. Um React-Komponenten im Browser auszuführen, brauchst du weiterhin den JSX-Build-Schritt deines Projekts.
Konstrukte mit Laufzeitwerten wie enum erzeugen JavaScript-Code, statt zu verschwinden.
Nur der eingefügte Code wird konvertiert: Imports werden nicht aufgelöst, Dateien nicht gebündelt, und moderne Syntax wird nicht für ältere Browser heruntertranspiliert.
FAQ
Kann ich TSX in JSX umwandeln?
Ja. Füge die .tsx-Komponente ein: Prop-Typen und Interfaces werden entfernt und das JSX bleibt unverändert, sodass du das Ergebnis als .jsx speichern kannst. Das Kompilieren von JSX in React.createElement-Aufrufe gehört nicht zu diesem Tool.
Worin unterscheidet sich das von tsc?
tsc prüft ein ganzes Projekt auf Typen und kann JavaScript für ein gewähltes Ziel ausgeben. Diese Seite entfernt nur mit Babels TypeScript-Transform die Typen aus dem eingefügten Code, behält moderne Syntax bei und meldet nie Typfehler. Für ganze Projekte führe tsc oder einen Bundler wie esbuild lokal aus.
Warum wurde Code mit Typfehlern konvertiert?
Die Konvertierung ist rein syntaktisch. Zuweisungen und Funktionsaufrufe werden nicht gegen ihre Typen geprüft; führe daher den TypeScript-Compiler in deinem Projekt aus, um Typfehler zu finden.
Was sollte ich bei einem Syntaxfehler prüfen?
Sieh dir die gemeldete Zeile und Spalte, die Klammern drumherum und eine dortige Typannotation an. Den Code auf ein kleines Snippet zu reduzieren hilft, das Problem einzugrenzen; bei einem Verbindungsfehler nutze Retry.