JavaScript est un langage de programmation unique. Il est conçu pour le développement Web et a des règles différentes des autres langages de programmation.
L'une des différences les plus notables est que JavaScript est typé dynamiquement, ce qui signifie que vous n'avez pas à déclarer de types lors de la création de variables. Des langages comme C, C# et Java vous obligeront à déclarer des types de variables. Celles-ci sont appelées variables typées statiquement.
Les langages qui utilisent des variables typées statiquement peuvent offrir plus de stabilité et réduire les erreurs de code. TypeScript comble le fossé entre JavaScript et les règles de programmation traditionnelles.
Le type de la variable est l'information que vous prévoyez de stocker dans la variable.
Voici une variable Java, par exemple :
int monNuméro =10 ; Cette variable est un int , qui est l'abréviation d'entier. Cela vous permet de savoir que la variable myNumber envisage de stocker un entier. Si vous essayez de stocker une valeur différente dans la variable, comme une chaîne de caractères, le programme ne fonctionnera pas.
Voici d'autres types de variables que vous avez peut-être utilisés :
JavaScript n'exige pas que vous déclariez des types de variables. Bien que cela vous donne plus de liberté, cela peut conduire à de très mauvaises habitudes. C'est là que TypeScript vous facilite la tâche.
TypeScript est une version de JavaScript développée par Microsoft qui introduit des types de variables dans votre code. Ce n'est pas une toute nouvelle langue; considérez-le comme un wrapper sur du JavaScript simple. Il a une syntaxe très similaire à JavaScript, il est donc facile de commencer.
Pour montrer à quel point ils sont similaires, voici une ligne de code en JavaScript et TypeScript.
JavaScript :
let myNumber =10 ; TypeScript :
let myNumber :nombre =10 ; Lorsque vous déclarez une variable dans TypeScript, vous déclarez le type en même temps. C'est un petit changement qui a un grand impact.
TypeScript est un langage compilé, contrairement à JavaScript qui s'exécute dans le navigateur. Les langages compilés peuvent être plus rapides et donner des programmes plus efficaces.
Il n'y a cependant aucun logiciel supplémentaire à télécharger; Les fichiers TypeScript sont compilés dans des fichiers JavaScript normaux qui peuvent être utilisés dans n'importe quelle application Web. Les fichiers TypeScript sont enregistrés en tant que .TS fichiers.
Il est facile de démarrer avec TypeScript :
L'installation avec NPM est facile avec la ligne de commande :
> npm install -g typescript Si vous utilisez Visual Studio 2017 ou Visual Studio 2015 Update 3, TypeScript est déjà inclus. S'il n'est pas installé, vous pouvez le télécharger via le site Web de TypeScript.
JavaScript est déjà assez génial, quels sont les avantages d'utiliser TypeScript à la place ? Il existe de nombreuses raisons d'utiliser TypeScript pour le développement Web.
TypeScript vous permet d'attribuer des types aux variables de votre code. Vous avez vu l'exemple au début, mais en quoi cela vous aide-t-il ?
Devoir assigner des types à vos variables peut faire de vous un meilleur codeur. Cela vous oblige à réfléchir à chaque variable que vous écrivez lors de la planification de votre application. Cela évite que des erreurs ne soient commises plus tard dans le code, garde votre application facile à lire et facilite le test de votre code.
TypeScript vous offre de nombreuses options pour créer des variables.
let myNumber :nombre =10 ;
let myString :string ="TypeScript" ;
let monBooléen :booléen =vrai ;
Lorsque vous définissez un tableau, vous utiliserez le type de valeur contenu dans le tableau suivi de crochets.
let myArray :nombre [] =[1,2,3] ;
Ce type de variable est utilisé lorsque vous souhaitez que TypeScript autorise l'affectation de n'importe quel type de type à la variable. Cela vous donne plus de flexibilité lorsque vous n'êtes pas sûr de ce que votre variable pourrait devenir.
Vous pouvez modifier librement la valeur de ces variables.
let anyType :any =10 ;
n'importe quelType ="Bonjour" ; //Pas d'erreur
n'importe quelType =true ; //Toujours pas d'erreur
Les types vides sont utilisés lorsque vous souhaitez qu'aucun type ne soit affecté à la variable. C'est idéal pour les fonctions qui ne renvoient aucune valeur.
function randomMessage() :void { Console.log("Ceci est juste un message"); }
Vous donne simplement une valeur nulle.
let myNull :null =null ; //C'est tout ce que vous pouvez faire
Tout aussi simple, cela vous donne une valeur indéfinie.
let myUndefined :undefined =undefined; //C'est tout ce que vous pouvez faire TypeScript vous offre des fonctionnalités et des types supplémentaires qui vous permettent d'en faire plus avec JavaScript.
Un tuple est un tableau spécial que vous déclarez avec un nombre fixe d'éléments. Ces éléments peuvent avoir différents types, mais le tuple doit respecter les types dans l'ordre que vous déclarez.
let myTuple :[nombre,chaîne] ;
monTuple =[45, "Bonjour"] ;
monTuple =["Bonjour", 45] ; // Erreur
Les types Enum sont un type spécial qui attribue des valeurs numériques à une série
enum Couleur { Rouge, Vert, Bleu } Dans cette énumération, Red reçoit la valeur 0, Green est 1 et Blue est 2. Les énumérations sont indexées à zéro, tout comme les tableaux en JavaScript.
Les classes d'objets, les interfaces et l'héritage sont tous pris en charge dans TypeScript.
JavaScript n'a pas de véritable système de classes pour la programmation orientée objet. JavaScript utilise un système prototype très similaire, mais pas tout à fait identique. Si vous venez d'un milieu orienté objet, cela seul pourrait vous vendre sur TypeScript.
Vous pouvez créer une classe avec des constructeurs
classe Étudiant {
Nom :chaîne ; constructeur (premier, milieu, dernier) {
this.Name =premier + " " + milieu + " " + dernier ; }
}
let newStudent =new Student("John", "Leonard","Smith"); Vous pouvez créer une interface et l'utiliser comme type.
interface Personne {
NomPersonne :chaîne ;
function sayHello(person:Person) {
renvoie "Bonjour " + personne.nomPersonne ;
}
TypeScript déclare également les types dans les fonctions.
fonction addNum(num1 :nombre, num2 :nombre) {
renvoie num1 + num2 ;
} Vous pouvez également utiliser des paramètres par défaut dans vos fonctions. Celles-ci sont utiles lorsque vous avez une valeur que vous souhaitez définir dans vos paramètres au cas où votre fonction serait exécutée sans argument.
fonction addNums(num1 :nombre, num2 =15) {
renvoie num1 + num2 ;
}
addNums(5,5); // Ceci renverra 10
addNums(5); // Cela renverra 20. Il n'y avait pas de deuxième valeur, donc le paramètre par défaut de 15 est utilisé JavaScript s'exécutant dans le navigateur Web est génial car il est simple. TypeScript utilise un compilateur pour traduire le code dans un fichier JavaScript, mais n'est-ce pas juste un travail supplémentaire ?
Pas du tout! Le compilateur TypeScript peut vous aider à tester votre code pendant que vous écrivez. Lorsque vous exécutez un fichier TypeScript dans votre IDE, il signalera les erreurs au fur et à mesure.
Réduire ces erreurs dans votre IDE nettoiera votre code. Au moment où vous compilez en JavaScript brut, votre code a été vérifié pour l'exactitude du type. Le compilateur TypeScript peut être personnalisé selon vos préférences de programmation.
TypeScript est open-source et créé par Microsoft. Les logiciels open source présentent de nombreux avantages. La communauté des développeurs s'efforce en permanence de corriger les bogues ou d'ajouter de nouvelles fonctionnalités.
TypeScript fonctionne bien avec Visual Studio et Visual Studio Code. Visual Studio Code est un excellent choix pour travailler en JavaScript. Vous avez donc une longueur d'avance si vous décidez de l'utiliser.
Si vous codez une application Web, les frameworks sont conçus pour vous faire gagner du temps. Étant donné que JavaScript est le roi des scripts de développement Web, de nombreux frameworks sont utilisés. Beaucoup de ces frameworks sont très populaires.
TypeScript ne vous empêche pas d'utiliser ces frameworks Web très utiles. Il est compatible avec React, Angular, Express, Babel, Vue.js, ASP.NET Core et React Native.
TypeScript a été créé pour faciliter le développement Web et d'applications pour les développeurs JavaScript. Il est assez important que vous ayez une base avec JavaScript et son fonctionnement avant de plonger dans TypeScript.
Envie d'un défi ? Téléchargez TypeScript et essayez un projet commun comme la création d'un diaporama JavaScript. Développez vos connaissances et vous serez bientôt un expert en développement Web !