Comment je commence la dactylographie.

Salut,

Si vous lisez cet article en particulier, je souhaite vous remercier particulièrement en vous dirigeant vers mon premier article de blog de rédaction technique.

Le proverbe chinois dit "Le voyage de mille kilomètres commence par un pas".

Tout d'abord, je m'appelle Abel Emmanuel et je suis développeur de logiciels, contributeur open source et défenseur. J'aimerais souhaiter à mon humble moi un joyeux anniversaire.

Aujourd'hui, le 20 décembre 2024, j'ai commencé à apprendre le Typescript et la rédaction technique. Je connais Typescript depuis assez longtemps, mais je n'ai jamais vu l'importance, l'utilité, les fonctionnalités riches et comment cela m'aiderait à écrire un meilleur code.

Idéalement, j'ai refusé d'apprendre Typescript plus tôt au moment où j'en avais connaissance. J'ai conclu qu'il n'y avait aucune utilité à apprendre Typescript car il a la même syntaxe et tout avec JavaScript pas avant d'avoir obtenu un travail nécessitant Typescript.

C'est ainsi que j'ai commencé à apprendre correctement Typescript, sinon je me suis concentré sur Typescript.

Aujourd'hui, je souhaite partager les bases de Typescript, son importance et comment il peut vous aider à réduire les erreurs que vous écrivez dans votre code.

JavaScript depuis sa naissance n'est pas un langage typé comme C, C, C#, Rust et autres langages de programmation de bas niveau.

Dans les langages typés, les variables et les valeurs ont un type.

C'est ce que signifie langage typé utilisant le langage de programmation C comme illustration pratique.

Par exemple en JavaScript pour définir une variable :

let x = 5
typeof x    //number

En JavaScript, x peut être réaffecté à une valeur de chaîne.

x = "Emmanuel"
typeof x    //string

Comparez avec un langage de bas niveau comme le langage de programmation C, vous devez informer la variable du type de données de valeur. Par exemple :

init x =  5
float y = 0.5

Si vous essayez de réaffecter les variables x et y, cela génère une erreur. Cependant, JavaScript est un langage peu typé qui peut provoquer de nombreux bugs dans votre code.

Pour éviter cela, vous avez besoin d'un super-ensemble de JavaScript appelé Typescript. Typescript est un vérificateur de type statique qui permet de vérifier une erreur dans un programme avant de l'exécuter.

Commençons
Installez Typescript globalement ou localement dans votre projet.
npm install -g typescript

Créez un dossier et nommez-le typescript.

Cliquez avec le bouton droit sur le dossier (typescript), ouvrez-le avec le code Visual Studio et créez un fichier test.ts.

Après avoir fait cela, l'étape suivante consiste à commencer à rédiger votre texte dactylographié.

Dans votre fichier test.ts, copiez et collez le code à l'intérieur du fichier et exécutez-le.

console.log("Hello world");

Pour exécuter le fichier TypeScript. Ouvrez votre interface de ligne de commande (CLI) et tsc test.ts. La commande exécutera le fichier TypeScript.

Remarque : si vous n'installez pas Typescript, vous n'accéderez pas à tsc dans la CLI.

Après l'avoir exécuté, vous remarquerez que rien de spectaculaire ne se produit dans la CLI mais cependant, vous remarquerez un nouveau fichier test.js dans le dossier.

Ouvrez le fichier test.js, vous remarquerez que la commande que vous exécutez affichera tout ce qui se trouve dans test.ts vers test.js.

Incluons les types dans notre code. Voyons à quoi cela ressemble en Javascript.

let x = 5
typeof x    //number

Exécutez tsc test.ts. Rien de spécial ne s'est produit.
Cependant, en supposant que l'appel de fonction meet() obtienne un seul argument comme meet(7).

Typescript indiquera une erreur.

x = "Emmanuel"
typeof x    //string

Normalement, dans le monde JavaScript, le code est sympa mais ce n'est pas ce que nous voulions. Donc, même si cela ne génère pas d’erreur au moment de l’exécution. Typescript nous a aidé à identifier un problème à l'avance. C'est la partie cool de TypeScript. Cela vous aide à écrire des codes moins buggés.

Examinons ce code.

init x =  5
float y = 0.5

Notez la fonction meet(name: string, id: number), les éléments :string et :number supplémentaires. cela nous indique que nous attendons une chaîne d'argument et un nombre. Si vous faites autrement, votre code déclenchera une erreur.

La fonction renvoie un type
Nous pouvons permettre à notre fonction de renvoyer un type particulier.

console.log("Hello world");

Objet tapé

function meet(name, id){
    console.log(`Hello ${name}, your unique ID is ${id}.`)
}

meet("Abel Emmanuel", 7)
// Hello Abel Emmanuel, your unique ID is 7.

Autre annotation typée primitive.

Expected 2 arguments, but got 1.ts(2554)
test.ts(1, 21): An argument for 'id' was not provided.

En conclusion, Typescript est un langage typé qui vous aide à écrire un meilleur JavaScript et moins de bugs. En savoir plus sur le site officiel de Typescript : Typescript.

Faites-moi savoir si vous trouvez cet article utile et s'il existe une meilleure façon de vous améliorer, je serai heureux d'apprendre de vous. Merci d'avoir lu mon premier message.

Suivez-moi sur Twitter où je partage du contenu formidable.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!