TypeScript 7.0.0

Online TypeScript-compiler

Name: myCompiler TypeScript
Author: myCompiler

myCompiler is een gratis online TypeScript compiler, editor en code runner waarmee u TypeScript-code direct in uw browser kunt schrijven, uitvoeren en delen. Het werkt als uw TypeScript-playground, sandbox, fiddle, cloud-compiler en online REPL. Geen downloads, geen installatie nodig. Open de editor en begin met coderen met syntaxiskleuring, automatisch aanvullen en directe uitvoer.

Begin met coderen in TypeScript Hoe het werkt

27+ talen Gebruikt door 1M+ ontwikkelaars Voor altijd gratis

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

Hoe u TypeScript-code online uitvoert

Drie stappen van idee tot werkende TypeScript-code in deze online playground. Geen account vereist.

Schrijf uw code

Open de TypeScript-editor en begin met schrijven. De slimme editor geeft u syntaxiskleuring, automatisch aanvullen en foutdetectie terwijl u typt.

Klik op Uitvoeren

Klik op de Run knop of druk op +Enter om uw TypeScript-code uit te voeren op beveiligde, geïsoleerde cloudservers.

Bekijk de resultaten

De uitvoer verschijnt direct in de geïntegreerde terminal. Fouten en uitzonderingen worden weergegeven met duidelijke, nuttige berichten.

Alles wat u nodig heeft om te coderen in TypeScript

Een complete online TypeScript IDE en coding-playground in uw browser. Schrijf, voer uit en deel code zonder enige installatie.

Geen installatie vereist

Begin in seconden met coderen via deze browsergebaseerde TypeScript-interpreter. Geen downloads, geen installaties, geen omgevingsconfiguratie. Open uw browser, ga naar myCompiler en begin direct met het schrijven van TypeScript-code.

Werkt op elk apparaat met een webbrowser. Desktop, laptop, tablet, telefoon, Chromebook. Er is niets te installeren en niets te configureren.

Uitgebreide code-editor

Schrijf TypeScript met een professionele code-editor ingebouwd in uw browser. Syntaxiskleuring maakt uw code leesbaar door trefwoorden, strings en functies in één oogopslag te onderscheiden.

Intelligente automatische aanvulling stelt methoden en eigenschappen voor terwijl u typt, en realtime foutdetectie signaleert fouten voordat u uw code uitvoert.

Projecten met meerdere bestanden

Maak en beheer meerdere bestanden in één project. Gebruik de bestandszijbalk om uw code in modules te organiseren en importeer ze in bestanden, net als in een desktop IDE.

Bouw modulaire applicaties met een goede projectstructuur. Elk bestand is bewerkbaar en u kunt er direct tussen schakelen.

Code direct uitvoeren

Klik op de knop Uitvoeren of druk op +Enter om uw TypeScript-code direct uit te voeren. Deze online code runner toont de uitvoer onmiddellijk in het geïntegreerde terminalpaneel. Uw code wordt uitgevoerd op beveiligde, geïsoleerde cloudservers en de resultaten verschijnen binnen seconden.

Foutmeldingen en tracebacks worden duidelijk weergegeven, zodat u problemen eenvoudig kunt vinden en oplossen. De terminal ondersteunt ANSI-kleuren voor rijke uitvoerformattering.

Klaar om het te proberen? Schrijf en voer uw eerste TypeScript-programma uit in seconden.

Open TypeScript-editor

TypeScript op myCompiler

myCompiler gebruikt TypeScript 7.0.0, altijd bijgewerkt naar de nieuwste stabiele versie. U krijgt een volledige browsergebaseerde IDE met syntaxiskleuring, intelligente code-aanvulling, ondersteuning voor projecten met meerdere bestanden, een ingebouwde terminal voor realtime uitvoer en standaardinvoer (stdin) voor interactieve programma's. Schrijf, compileer, voer uit en debug TypeScript-code op elk apparaat. Desktop, laptop, tablet, telefoon, Chromebook. Geen downloads, geen configuratie en geen aanmelding vereist. Sla uw programma's op met een unieke URL en deel ze met iedereen. U kunt ook een werkende TypeScript-editor op uw eigen website insluiten.

Gebruik deze online TypeScript-playground als snelle code-uitvoerder voor het testen van fragmenten, een coding-sandbox voor leren, of een cloud-compiler voor de voorbereiding op coding-interviews. De editor bevat een donkere modus voor comfortabel coderen, sneltoetsen voor snellere workflows en duidelijke foutmeldingen met regelnummers zodat u snel kunt debuggen. Studenten gebruiken het voor huiswerk en oefeningen. Docenten gebruiken het om werkende voorbeelden te delen. Ontwikkelaars gebruiken het voor het prototypen van ideeën. myCompiler is beginnersvriendelijk, snel en volledig gratis. Het werkt in elke moderne webbrowser.

Begin met coderen in TypeScript

TypeScript-codevoorbeelden

Veelvoorkomende TypeScript-patronen die u kunt uitproberen in de online compiler. Elk voorbeeld is direct uitvoerbaar.

Hello World in TypeScript

main.ts

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

Variabelen en gegevenstypen in TypeScript

main.ts

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

If-Else-voorwaarden in TypeScript

main.ts

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

For- en While-lussen in 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);
}

Functies in TypeScript

main.ts

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

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

Arrays en verzamelingen in 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);

Klassen en objecten in 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());

Foutafhandeling in TypeScript

main.ts

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

Bestands-I/O in 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);

Generics in 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]));

Probeer deze voorbeelden in de editor

Invoer gebruiken in TypeScript online

myCompiler ondersteunt standaardinvoer (stdin) voor TypeScript-programma's. Gebruik de standaard invoerfuncties van TypeScript om gebruikersinvoer te lezen. Voer uw invoergegevens in het stdin-paneel in voordat u uw programma uitvoert.

Dit werkt voor zowel enkelvoudige als meervoudige invoer. U kunt strings inlezen en converteren naar getallen met behulp van de ingebouwde I/O-functies van de taal.

Probeer het zelf

main.ts stdin ondersteund

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

Uitvoer

Hello Alice!
You'll be 26 next year.

Geen installatie, geen aanmelding. Begin nu met het schrijven van TypeScript-code.

Begin nu met coderen

Aan de slag met TypeScript online

U kunt direct TypeScript-code schrijven en uitvoeren zonder iets te installeren. Typ uw code en klik op Uitvoeren. Deze gratis TypeScript-code runner voert uw programma direct uit en toont de uitvoer in het terminalpaneel onder de editor. Open de TypeScript online editor, typ uw code en klik op Uitvoeren.

Als u nieuw bent met TypeScript, gebruik dan deze online TypeScript-playground om te beginnen met de basis zoals variabelen, gegevenstypen, voorwaarden en lussen. De codevoorbeelden hierboven behandelen alle basisprincipes die u nodig heeft om te beginnen. Elk voorbeeld kan worden gekopieerd naar de sandbox en direct worden uitgevoerd. Geen installatie, geen configuratie.

Naarmate u vordert, kunt u projecten met meerdere bestanden maken, bibliotheken gebruiken en uw programma's delen met anderen via URL. Meld u aan voor een gratis account om uw werk op te slaan en een persoonlijke bibliotheek van programma's op te bouwen. myCompiler werkt als een volledige online TypeScript IDE in uw browser.

Wie gebruikt myCompiler

Of u nu leert coderen, zich voorbereidt op sollicitatiegesprekken of ideeën prototypet, myCompiler is voor u gebouwd.

Studenten en leerlingen

Oefen opdrachten, maak huiswerkopdrachten en experimenteer met code zonder iets te installeren op school- of persoonlijke computers.

Docenten en onderwijzers

Deel codevoorbeelden met studenten via unieke URL's. Sluit de compiler in cursusmateriaal in zodat studenten voorbeelden direct in de browser kunnen uitvoeren.

Sollicitanten

Oefen coding-interviewproblemen, test algoritmen en controleer oplossingen snel tijdens de voorbereiding op technische interviews.

Professionele ontwikkelaars

Prototype ideeën snel, test codefragmenten of probeer een bibliotheek zonder een lokale omgeving in te stellen. Ideaal voor snelle experimenten.

Contentmakers en bloggers

Sluit interactieve voorbeelden in blogberichten, tutorials en documentatie in zodat lezers code kunnen uitvoeren zonder de pagina te verlaten.

Teams en medewerkers

Deel codefragmenten met collega's via URL's. Anderen kunnen uw code bekijken, uitvoeren en forken om voort te bouwen op uw werk.

myCompiler vs. lokale IDE

Waarom een online TypeScript-compiler gebruiken in plaats van er een lokaal te installeren?

Functie	myCompiler	Lokale IDE
Installatietijd	Direct	Minuten tot uren
Installatie	Niet vereist	TypeScript + IDE vereist
Apparaatondersteuning	Elke browser	Alleen desktop
Code delen	URL met één klik	Handmatig (bestand, git, enz.)
Talen	27+ op één plek	Één tegelijk
Kosten	Voor altijd gratis	Gratis tot €€€
Werkt op Chromebook	Ja	Beperkt

Wat is TypeScript?

TypeScript is een sterk getypeerde superset van JavaScript, ontwikkeld door Microsoft en voor het eerst uitgebracht in 2012. Ontworpen door Anders Hejlsberg (ook de ontwerper van C# en Turbo Pascal), voegt TypeScript optionele statische typering, interfaces, enums, generics en decorators toe aan JavaScript. Elke geldige JavaScript-code is geldig TypeScript — u kunt TypeScript geleidelijk adopteren.

TypeScript compileert naar gewoon JavaScript en draait in elke browser of Node.js-omgeving. Het typesysteem vangt hele categorieën bugs op tijdens compilatie — undefined is not a function, null-pointerfouten en onjuiste argumenttypen — die in JavaScript pas tijdens runtime zouden opduiken. Grote projecten zoals VS Code, Angular en Deno zijn geschreven in TypeScript.

Waarvoor wordt TypeScript gebruikt?

TypeScript wordt gebruikt voor grootschalige frontend-applicaties met Angular (dat TypeScript vereist), React met TypeScript en Vue 3, Node.js-backendservices waar typeveiligheid bugs in API's vermindert, full-stack-frameworks zoals Next.js en NestJS, bibliotheeksontwikkeling waar sterke typering de gebruikerservaring verbetert, en elke codebase waar meerdere ontwikkelaars samenwerken en duidelijke interfaces nodig hebben.

TypeScript voor beginners

TypeScript leert u het beste nadat u een solide basis in JavaScript heeft. Zodra u het runtime-gedrag van JavaScript begrijpt, helpt het typesysteem van TypeScript u voorspelbaardere code te schrijven. De foutmeldingen van de TypeScript-compiler zijn leerzaam — ze leggen precies uit welke type-mismatch er is opgetreden en waarom. Gebruik de online TypeScript-compiler van myCompiler om te experimenteren met types, interfaces, generics en decorators zonder lokaal een tsconfig.json te configureren.

TypeScript versus andere talen

Vergeleken met JavaScript voegt TypeScript compile-time typeveiligheid toe die bugs eerder opvangt, ten koste van een compilatiestap en uitgebreidere syntaxis voor type-annotaties. Vergeleken met Flow (Facebook's JavaScript-typechecker) heeft TypeScript de ecosysteemstrijd gewonnen — vrijwel alle grote frameworks hebben nu eersteklas TypeScript-ondersteuning. Vergeleken met Java of C# is het typesysteem van TypeScript structureel (niet nominaal) en flexibeler, maar de JavaScript-runtime eronder betekent dat sommige type-informatie tijdens runtime wordt gewist.

Waarom een online TypeScript-compiler gebruiken?

Met een online TypeScript-compiler, ook wel een TypeScript-playground of TS-sandbox genoemd, kunt u TypeScript-code rechtstreeks in uw browser compileren en uitvoeren zonder Node.js, tsc te installeren of tsconfig.json te configureren. Het is ideaal voor het leren van TypeScript-types, experimenteren met generics en utility types, testen van decorators en het delen van TypeScript-voorbeelden met type-annotaties intact.

De online TypeScript IDE van myCompiler voert volledige typecontrole uit met de officiële tsc-compiler. Typefouten verschijnen in het uitvoerpaneel met regelnummers. De omgeving ondersteunt moderne TypeScript-functies waaronder conditionele types, template literal types en decorators. Sla programma's op en deel ze via URL, volledig gratis.

Waarom is TypeScript zo populair?

De opkomst van TypeScript is bliksemachtig geweest — in Stack Overflow's Developer Survey staat het al jaren op rij als een van de meest geliefde talen. De adoptie versnelde toen Angular het de standaardtaal maakte en toen het React-ecosysteem sterke TypeScript-ondersteuning toevoegde. De belangrijkste drijfveer is ontwikkelaarsproductiviteit op schaal: TypeScript's IntelliSense, refactoring-tools en typecontrole maken grote JavaScript-codebases aanzienlijk beter onderhoudbaar.

TypeScript-carrièremogelijkheden

TypeScript-vaardigheden worden nu verwacht voor de meeste frontend- en Node.js-functies. Vacatures voor React-, Angular-, Vue- en Node.js-ontwikkelaars vermelden TypeScript vaak als vereiste of gewenste vaardigheid. Functies omvatten frontend-engineer, full-stack-ontwikkelaar, TypeScript/Node.js-backend-engineer en Angular-ontwikkelaar. TypeScript toevoegen aan uw JavaScript-kennis verhoogt uw marktwaarde aanzienlijk.

Probeer TypeScript online Gratis · Geen aanmelding nodig

Sneltoetsen

Code sneller met deze sneltoetsen in de myCompiler-editor.

Code uitvoeren

+ Enter

Programma opslaan

+ S

Opmerking in-/uitschakelen

+ /

Regel inspringen

Tab

Inspringing verwijderen

Shift + Tab

Ongedaan maken

+ Z

Volgende voorkomen selecteren

+ D

Zoeken en vervangen

+ H

Sluit de TypeScript-compiler in op uw website

Voeg een interactieve TypeScript-compiler toe aan uw website, blog of leerplatform. Lezers kunnen TypeScript-code direct op uw pagina schrijven en uitvoeren zonder deze te verlaten.

Perfect voor technische tutorials, codeerscursussen, documentatie en educatieve inhoud. Sla een programma op in myCompiler en gebruik de insluitlink om het aan elke webpagina toe te voegen.

Embedded TypeScript compiler, editor en code runner

HTML

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

Waarom ontwikkelaars myCompiler kiezen

Een volledig uitgeruste online IDE voor TypeScript en 27+ andere programmeertalen.

27+ talen

Python, JavaScript, Java, C++, Rust, Go, TypeScript, C# en nog veel meer. Alle compilers en interpreters op één plek. Schakel direct tussen talen.

Donkere en lichte modus

Schakel met één klik tussen lichte en donkere thema's. Code comfortabel in elke lichtomstandigheid, dag en nacht.

Mobielvriendelijk

Volledig responsieve editor geoptimaliseerd voor telefoons, tablets en Chromebooks. Code op elk apparaat met een webbrowser. Geen app-download nodig.

Code opslaan en delen

Sla programma's op in uw account, deel ze via unieke URL's en laat anderen uw code bekijken, forken en uitvoeren. Ideaal voor samenwerking en code-reviews.

Tags en organisatie

Organiseer uw opgeslagen programma's met tags en vind ze snel met zoeken en filters. Bouw een persoonlijke bibliotheek van codefragmenten en oplossingen op.

Geen account vereist

Begin direct met het schrijven en uitvoeren van code. Geen aanmelding, geen e-mail, geen creditcard. Maak alleen een gratis account aan als u uw werk wilt opslaan.

Ontdek meer programmeertalen

myCompiler ondersteunt 27+ talen. Schakel er op elk moment tussen. Allemaal gratis, allemaal op één plek.

C++

Java

Bekijk alle 27+ talen

Veelgestelde vragen

Veelgestelde vragen over het gebruik van de online TypeScript-compiler, playground en code runner.

Ja! myCompiler is volledig gratis voor alle ondersteunde talen, inclusief TypeScript. Er zijn geen abonnementen, geen premiumlagen en geen verborgen kosten. Elke functie is gratis beschikbaar.

myCompiler houdt zijn TypeScript-omgeving up-to-date. U kunt de exacte versie zien in de taaldetailssectie van deze pagina. We werken alle taalruntimes regelmatig bij naar hun nieuwste stabiele versies.

Ja. myCompiler compileert TypeScript met de officiële TSC-compiler, die volledige typecontrole uitvoert. Typefouten worden gerapporteerd in het uitvoerpaneel samen met regelnummers.

Open gewoon de TypeScript-editor, schrijf of plak uw code en klik op de knop Uitvoeren. Uw code wordt uitgevoerd op onze servers en de uitvoer verschijnt binnen seconden in het terminalpaneel.

Ja. Klik op Opslaan om uw programma te bewaren. U ontvangt een unieke URL die u met iedereen kunt delen. Ontvangers kunnen uw code bekijken, forken en uitvoeren.

Ja. myCompiler ondersteunt projecten met meerdere bestanden. U kunt bestanden in de zijbalk maken, hernoemen en verwijderen. Hiermee organiseert u uw TypeScript-code net als in een lokale IDE.

Ja. Alle code wordt uitgevoerd in geïsoleerde containers op onze servers. Elke uitvoering krijgt een eigen geïsoleerde omgeving die na afloop wordt vernietigd. Uw code kan geen invloed hebben op andere gebruikers of onze infrastructuur.

Ja. myCompiler heeft een responsief ontwerp geoptimaliseerd voor telefoons en tablets. U kunt TypeScript-code onderweg schrijven en uitvoeren. De mobiele interface gebruikt tabbladen om te schakelen tussen de editor, uitvoer en bestandspanelen.

Ja. Klik op het tabblad Invoer in het onderste paneel, typ of plak uw invoergegevens en klik vervolgens op Uitvoeren. Uw programma leest van de opgegeven invoer.

De uitvoering is snel. Code wordt uitgevoerd op onze geoptimaliseerde cloudinfrastructuur en de uitvoer verschijnt doorgaans binnen seconden. De uitvoeringstijd hangt af van de complexiteit van uw programma.

Ja. myCompiler biedt een insluitfunctie. U kunt een iframe-fragment kopiëren en plakken op uw website, blog of documentatie. Bezoekers kunnen code direct op uw pagina bewerken en uitvoeren.

myCompiler ondersteunt veelgebruikte editor-sneltoetsen waaronder Uitvoeren (Ctrl/Cmd+Enter), Opslaan (Ctrl/Cmd+S), Zoeken (Ctrl/Cmd+F) en meer. Zie de sectie sneltoetsen op deze pagina voor de volledige lijst.

Nee. myCompiler vereist een internetverbinding omdat code wordt gecompileerd en uitgevoerd op onze cloudservers. De editor zelf wordt in uw browser geladen, maar het uitvoeren van code vereist connectiviteit.

myCompiler biedt een snelle, gratis omgeving zonder installatie met een moderne code-editor, ondersteuning voor meerdere bestanden, donkere modus en direct delen. Het is ideaal voor leren, prototypen, interviews en het delen van codevoorbeelden.

Ja. myCompiler is ideaal voor het oefenen van algoritmen en codeerproblemen. U kunt TypeScript-code schrijven, aangepaste invoer opgeven en uw oplossingen direct testen. Sla uw werk op en kom er op elk moment op terug.

Gebruik print-instructies of console-uitvoer om het gedrag van uw programma te volgen. myCompiler toont alle standaarduitvoer en foutmeldingen in het terminalpaneel. Foutmeldingen bevatten regelnummers om u te helpen problemen te lokaliseren.

Klaar om TypeScript-code te schrijven?

Open de gratis TypeScript-playground en begin direct met coderen. Geen downloads, geen account vereist.

Begin met coderen in TypeScript

Gratis · Geen aanmelding vereist · TypeScript 7.0.0