Playground TypeScript

Ce TypeScript Playground vous permet de tester un extrait rapidement sans ouvrir un projet complet. Il exécute le compilateur TypeScript dans votre navigateur, affiche les diagnostics de vérification de types avec les numéros de ligne, émet du JavaScript et peut exécuter des sorties simples dans une console en sandbox.

Ce que fait ce TypeScript Playground

L’outil est conçu pour les vérifications TypeScript quotidiennes : valider le rétrécissement d’unions, tester des types auxiliaires génériques, comparer les targets du compilateur, confirmer le comportement du strict mode et examiner le JavaScript émis par TypeScript. Il est utile pour apprendre, déboguer un exemple compact, préparer une réponse ou vérifier un petit refactoring avant de l’intégrer à un projet.

Comment utiliser le compilateur TypeScript

1. Collez du TypeScript dans l’éditeur ou choisissez un exemple rapide.
2. Sélectionnez un target JavaScript et un format de module.
3. Activez le strict mode et la vérification optionnelle de l’accès indexé lorsque vous souhaitez des diagnostics plus stricts.
4. Cliquez sur Compiler et Vérifier les Types, ou laissez la compilation automatique activée pour un retour en direct.
5. Examinez les diagnostics, inspectez le JavaScript émis, puis exécutez des extraits simples dans la console en sandbox.

Notes sur la vérification de types

Le compilateur du navigateur utilise un fichier de déclaration intégré compact pour les objets JavaScript courants comme les arrays, strings, records, JSON, console et timers. Cela garde le playground rapide et autonome pour les extraits. Si votre code dépend de React, Node.js, DOM APIs ou de déclarations spécifiques à un paquet, confirmez le résultat final dans votre projet avec son véritable tsconfig.json et les paquets de types installés.

Exemples et cas d’usage

Utilisez le playground lorsque vous souhaitez isoler une erreur de type d’une base de code plus large, comparer comment le strict mode modifie les diagnostics, expliquer un concept TypeScript à un collègue ou vérifier comment un petit extrait se compile en JavaScript. Les exemples intégrés couvrent les unions discriminées, les auxiliaires de record génériques, l’opérateur satisfies et les erreurs de type intentionnelles, afin que vous puissiez voir à la fois des états de compilateur sains et en échec.

• Valider un type d’union avant de l’ajouter à un modèle de réponse d’API.
• Tester un auxiliaire générique sans attendre une build complète de l’application.
• Inspecter le JavaScript émis lors du changement des options de target ou de Module.
• Partager une reproduction compacte d’un diagnostic TypeScript.

FAQ

Cet outil vérifie-t-il les types TypeScript ?

Oui. Il construit un programme TypeScript dans le navigateur et rapporte les diagnostics du compilateur, y compris les erreurs de type, les erreurs de syntaxe et les messages relatifs aux options du compilateur.

Puis-je modifier les options du compilateur TypeScript ?

Oui. Les principaux contrôles couvrent target JavaScript, sortie de Module, strict mode, émission de déclarations et noUncheckedIndexedAccess.

Pourquoi un type de bibliothèque est-il manquant ?

Ce playground utilise volontairement une bibliothèque de types intégrée compacte. Pour les types de framework, DOM, Node.js ou paquets npm, utilisez la configuration de votre projet local.

L’exécuteur JavaScript est-il sûr ?

L’exécuteur utilise un iframe en sandbox pour les extraits rapides. Évitez d’exécuter du code non fiable et testez le code réel des applications dans votre environnement de développement habituel.