Home
» Comment faire
»
Quest-ce que TypeScrip et pourquoi les développeurs devraient-ils lessayer?
Quest-ce que TypeScrip et pourquoi les développeurs devraient-ils lessayer?
JavaScript est un langage de programmation unique. Il est conçu pour le développement Web et a des règles différentes de celles des autres langages de programmation.
L'une des différences notables est que JavaScript est un langage de frappe dynamique, ce qui signifie que vous n'avez pas à déclarer de types lors de la création de variables. Les langages comme C, C # et Java nécessitent que vous déclariez des types de variables. Celles-ci sont appelées variables de typage statiques.
Les langages qui utilisent des variables de calcul offrent plus de stabilité et réduisent les erreurs de code. TypeScript est responsable de combler l'écart entre JavaScript et les règles de programmation traditionnelles.
Quel est le type de variable?
Le type de variable correspond aux informations que vous avez l'intention de stocker dans la variable.
Par exemple une variable Java
int myNumber =10;
Cette variable est un entier, abréviation d'entiers. Il indique que la variable myNumber a l'intention de stocker un entier. Si vous essayez de stocker une autre valeur dans la variable (telle qu'une chaîne), le programme ne s'exécutera pas.
Voici quelques autres variables que vous pouvez utiliser:
int - nombres réguliers (les nombres sont des diviseurs de 60)
float - forme décimale.
char - caractères uniques tels que «x» ou «a».
chaîne - une chaîne de caractères comme "Bonjour" et "Ceci est une chaîne"
boolean - valeur vraie ou fausse.
JavaScript ne vous oblige pas à déclarer des types de variables. Cela vous donne plus de liberté mais peut également entraîner de mauvaises habitudes. C'est à ce moment que TypeScript facilite votre travail.
Qu'est-ce que TypeScript?
TypeScript peut être considéré comme une version améliorée de JavaScript développée par Microsoft, ajoutant des types de variables à votre code. Ce n'est pas une langue complètement nouvelle.
Pour voir à quel point ils sont similaires, regardez une seule ligne de code en JavaScript et TypeScript
JavaScript:
let myNumber =10;
TypeScript:
let myNumber: number =10;
Lorsque vous déclarez une variable dans TypeScript, vous déclarez son type en même temps. Ce petit changement mais il y a une grande différence. TypeScript est un langage de programmation compilé, contrairement à JavaScript qui s'exécute dans le navigateur. La compilation des langues peut être plus rapide et aider les programmes à fonctionner plus efficacement.
Installez le plug-in TypeScript à partir de Visual Studio.
L'installation avec NPM est très simple avec la ligne de commande:
> npm install -g typescript
Si vous utilisez Visual Studio 2017 ou Visual Studio 2015 Update 3, vous disposez déjà de TypeScript inclus.
Avantages de l'utilisation de TypeScript
Ce sont les raisons pour lesquelles les développeurs Web devraient essayer d'utiliser TypeScript
Types variables
TypeScript vous permet d'assigner des types à des variables dans votre code. Cela vous aidera à devenir un meilleur codeur. Il oblige l'utilisateur à réfléchir à chaque variable qu'il écrit lors de la planification de son application. Cela permet d'éviter les erreurs de code, facilite la malveillance des applications et facilite le test du code.
TypeScript vous offre de nombreuses options pour créer des variables
Numéro
let myNumber: number =10;
String
let myString: string ="TypeScript";
Variables booléennes
let myBoolean: boolean =true;
Array
Lorsque vous spécifiez un tableau, vous utiliserez le type de valeur contenu dans le tableau suivi de crochets
let myArray: number []=[1,2,3];
Tout (tout)
Ce type de variable est utilisé lorsque vous souhaitez que TypeScript autorise tout type à être affecté à la variable, ce qui rend le codeur plus flexible en cas de doute sur votre variable.
let anyType: any =10;
anyType ="Hello";//No error
anyType =true;//Still no error
Néant
Void est utilisé lorsque vous ne souhaitez affecter aucun type à la variable, idéalement lorsque la fonction ne renvoie aucune valeur.
function randomMessage():void{Console.log("This is just a message");}
Null (valeurs nulles)
Il vous donne une valeur invalide.
let myNull:null=null;//This is all you can do
Indéfini (indéfini)
Donnez-vous une valeur inconnue.
let myUndefined:undefined=undefined;//This is all you can do
Fonctionnalités supplémentaires
TypeScript vous offre quelques fonctionnalités et styles supplémentaires, vous permettant de faire plus que JavaScript
Tuple
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 l'ensemble de données doit respecter les types dans l'ordre que vous déclarez.
let myTuple:[number,string];
myTuple =[45,"Hello"];
myTuple =["Hello",45];// Error
Types d'énumération
Les types d'énumération sont un type spécial qui attribue des valeurs numériques à une chaîne.
enumColor{Red,Green,Blue}
Dans cette énumération, le rouge se voit attribuer une valeur de 0, le vert est de 1 et le bleu de 2. Les énumérations sont indexées avec 0, tout comme les tableaux en JavaScript.
Classes d'objets
Les classes d'objet, d'interface et d'héritage sont également prises 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 similaire, mais pas tout à fait le même
Vous pouvez créer une classe avec des constructeurs:
TypeScript déclare également les types de données dans les fonctions.
function addNum(num1: number, num2: number){return num1 + num2;}
Vous pouvez également utiliser des paramètres par défaut dans vos fonctions. Ceci est utile lorsque vous souhaitez définir une valeur dans un paramètre lorsque la fonction s'exécute sans arguments.
function addNums(num1: number, num2 =15){return num1 + num2;}
addNums(5,5);// This will return 10
addNums(5);// This will return 20. There was no second value, so the default parameter of 15 is used
Le compilateur TypeScript facilite les tests de code
JavaScript s'exécute dans un bon navigateur Web car c'est simple.
TypeScript utilise le compilateur pour traduire le code dans un fichier JavaScript. Ainsi, il vous aide à vérifier votre code lors de l'écriture. Lorsque vous exécutez un fichier TypeScript dans l'EDI, il signalera les erreurs s'il est détecté.
La réduction de ces erreurs dans l'EDI aidera à garder votre code plus propre. Une fois compilé en JavaScript simple, la précision de votre code a été vérifiée. Le compilateur TypeScript peut être personnalisé en fonction des préférences de programmation de chaque personne.
Open source
TypeScript est open source et créé par Microsoft. Les logiciels open source ont de nombreux avantages car la communauté des développeurs travaillera constamment pour résoudre les bugs ou ajouter de nouvelles fonctionnalités.
TypeScript fonctionne bien avec Visual Studio et Visual Studio Code. Visual Studio Code est un excellent choix pour travailler avec JavaScript. Alors, envisagez de l'utiliser.
Utilisation de différents cadres Web
Parce que JavaScript est le roi dans le domaine du développement Web, il existe de nombreux cadres Web. Beaucoup d'entre eux sont très populaires.
TypeScript ne vous empêche pas d'utiliser ces cadres Web utiles. Il est compatible avec React, Angular, Express, Babel, Vue.js, ASP.NET Core et React Native.
Développement Web et JavaScript
TypeScript a été créé pour aider les développeurs JavaScript à développer plus facilement des applications et le Web. Il est important que vous ayez une base JavaScript solide et que vous compreniez comment cela fonctionne avant de plonger dans TypeScript.