1
Mapped Types Visualizer
Visualisez la transformation [K in keyof T] en temps réel
Type d'entrée
→
Type de sortie (résultat)
Définition interne du mapped type
ℹ
2
Conditional Types Tester
Évaluez T extends U ? TrueType : FalseType avec différents types
Si T extends U → branche TRUE
?
Résultat évalué
ℹ
3
Type Guards Demo
Voyez comment TypeScript rétrécit les types avec différentes gardes
typeof
function process(val: string | number) {
if (typeof val === 'string') {
// val est string ici
return val.toUpperCase();
}
// val est number ici
return val.toFixed(2);
}
instanceof
class Dog { bark() { return "Woof!"; } }
class Cat { meow() { return "Meow!"; } }
function speak(animal: Dog | Cat) {
if (animal instanceof Dog) {
return animal.bark(); // Dog
}
return animal.meow(); // Cat
}
custom is
interface Fish { swim: () => void }
interface Bird { fly: () => void }
function isFish(animal: Fish | Bird): animal is Fish {
return (animal as Fish).swim !== undefined;
}
function move(animal: Fish | Bird) {
if (isFish(animal)) {
animal.swim(); // Fish
} else {
animal.fly(); // Bird
}
}
4
Template Literal Types
Générez des types union à partir de littéraux de chaîne
Suggestions rapides
ℹ
Les Template Literal Types combinent les types union automatiquement — chaque valeur gauche × chaque valeur droite.