docs(types): update variable type examples in documentation
This commit is contained in:
parent
0ff94b6d0d
commit
b5369bc2c5
@ -189,12 +189,21 @@ On ne va pas chercher à expliquer ce qu'est TypeScript ici, ce sera pour une au
|
|||||||
Mais pour faire simple, TypeScript est une version de JavaScript qui ajoute un système de typage.
|
Mais pour faire simple, TypeScript est une version de JavaScript qui ajoute un système de typage.
|
||||||
Il permet de définir explicitement le type de chaque variable, ce qui aide à éviter les erreurs de type et à rendre le code plus lisible.
|
Il permet de définir explicitement le type de chaque variable, ce qui aide à éviter les erreurs de type et à rendre le code plus lisible.
|
||||||
|
|
||||||
Par exemple, voici comment on pourrait déclarer une variable de type `string` en TypeScript :
|
Par exemple, voici comment on pourrait déclarer une variable de type `number` en TypeScript :
|
||||||
|
|
||||||
<tabs.jsTypescriptExample />
|
<tabs.jsTypescriptExample />
|
||||||
|
|
||||||
Il est impossible de faire la même chose avec JavaScript, c'est strictement réservé à TypeScript !
|
Il est impossible de faire la même chose avec JavaScript, c'est strictement réservé à TypeScript !
|
||||||
|
|
||||||
|
<Callout type="question" title="C'est quoi ce type `any` ?">
|
||||||
|
Le type `any` est un type spécial en TypeScript qui permet de désactiver le typage strict.
|
||||||
|
Il peut être utilisé pour indiquer qu'une variable peut contenir n'importe quel type de valeur _(string, number, null, undefined, etc.)_.
|
||||||
|
|
||||||
|
Cependant, il est recommandé d'éviter d'utiliser le type `any` autant que possible, car il annule les avantages du typage statique.
|
||||||
|
|
||||||
|
Et puis surtout... pourquoi utiliser TypeScript si c'est pour faire du JavaScript ?
|
||||||
|
</Callout>
|
||||||
|
|
||||||
## Conclusion
|
## Conclusion
|
||||||
|
|
||||||
Voilà, on a fait le tour des types de données en JavaScript !
|
Voilà, on a fait le tour des types de données en JavaScript !
|
||||||
|
|||||||
@ -70,15 +70,25 @@ const estVrai = a == b;`,
|
|||||||
|
|
||||||
const jsTypescriptExample = [
|
const jsTypescriptExample = [
|
||||||
{
|
{
|
||||||
name: "Exemple de variable JavaScript",
|
name: "Exemple de constante JavaScript",
|
||||||
codeLanguage: "js",
|
codeLanguage: "js",
|
||||||
code: "const a = 5; // Type implicite : number",
|
code: "const a = 5; // Type implicite : number",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "Exemple de variable TypeScript",
|
name: "Exemple de constante TypeScript",
|
||||||
codeLanguage: "ts",
|
codeLanguage: "ts",
|
||||||
code: "const a: number = 5; // Type explicite : number",
|
code: "const a: number = 5; // Type explicite : number",
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
name: "Exemple de variable JavaScript",
|
||||||
|
codeLanguage: "js",
|
||||||
|
code: "let a; // Type implicite : any",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Exemple de variable TypeScript",
|
||||||
|
codeLanguage: "ts",
|
||||||
|
code: "let a: number; // Type explicite : number",
|
||||||
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user