TypeScript - Syntaxe de base

La syntaxe définit un ensemble de règles pour l'écriture de programmes. Chaque spécification de langage définit sa propre syntaxe. Un programme TypeScript est composé de -

Modules
Functions
Variables
Déclarations et expressions
Comments

Votre premier code TypeScript

Commençons par l'exemple traditionnel «Hello World» -

var message:string = "Hello World" 
console.log(message)

Lors de la compilation, il générera le code JavaScript suivant.

//Generated by typescript 1.8.10
var message = "Hello World";
console.log(message);

La ligne 1 déclare une variable par le nom message. Les variables sont un mécanisme pour stocker des valeurs dans un programme.
La ligne 2 imprime la valeur de la variable à l'invite. Ici, console fait référence à la fenêtre du terminal. La fonction log () est utilisée pour afficher du texte à l'écran.

Compiler et exécuter un programme TypeScript

Voyons comment compiler et exécuter un programme TypeScript à l'aide de Visual Studio Code. Suivez les étapes ci-dessous -

Step 1- Enregistrez le fichier avec l'extension .ts. Nous enregistrerons le fichier sous Test.ts. L'éditeur de code marque les erreurs dans le code, le cas échéant, pendant que vous l'enregistrez.

Step 2- Cliquez avec le bouton droit sur le fichier TypeScript sous l'option Fichiers de travail dans le volet Explorer de VS Code. Sélectionnez l'option Ouvrir dans l'invite de commande.

Step 3 - Pour compiler le fichier, utilisez la commande suivante dans la fenêtre du terminal.

tsc Test.ts

Step 4- Le fichier est compilé en Test.js. Pour exécuter le programme écrit, tapez ce qui suit dans le terminal.

node Test.js

Drapeaux du compilateur

Les indicateurs du compilateur vous permettent de modifier le comportement du compilateur lors de la compilation. Chaque indicateur du compilateur expose un paramètre qui vous permet de modifier le comportement du compilateur.

Le tableau suivant répertorie certains indicateurs courants associés au compilateur TSC. Une utilisation typique de la ligne de commande utilise certains ou tous les commutateurs.

S.No.	Indicateur et description du compilateur
1.	--help Affiche le manuel d'aide
2.	--module Charger des modules externes
3.	--target Définir la version ECMA cible
4.	--declaration Génère un fichier .d.ts supplémentaire
5.	--removeComments Supprime tous les commentaires du fichier de sortie
6.	--out Compilez plusieurs fichiers dans un seul fichier de sortie
sept.	--sourcemap Générer un fichier sourcemap (.map)
8.	--module noImplicitAny Empêche le compilateur de déduire le type any
9.	--watch Surveillez les modifications de fichiers et recompilez-les à la volée

Note - Plusieurs fichiers peuvent être compilés à la fois.

tsc file1.ts, file2.ts, file3.ts

Identificateurs dans TypeScript

Les identificateurs sont des noms donnés à des éléments d'un programme comme des variables, des fonctions, etc. Les règles pour les identificateurs sont -

Les identificateurs peuvent inclure à la fois des caractères et des chiffres. Cependant, l'identifiant ne peut pas commencer par un chiffre.
Les identificateurs ne peuvent pas inclure de symboles spéciaux à l'exception du trait de soulignement (_) ou d'un signe dollar ($).
Les identificateurs ne peuvent pas être des mots-clés.
Ils doivent être uniques.
Les identificateurs sont sensibles à la casse.
Les identificateurs ne peuvent pas contenir d'espaces.

Les tableaux suivants répertorient quelques exemples d'identificateurs valides et non valides -

Identifiants valides	Identifiants non valides
Prénom	Var
Prénom	Prénom
num1	Prénom
$ résultat	1 numéro

TypeScript ─ Mots clés

Les mots-clés ont une signification particulière dans le contexte d'une langue. Le tableau suivant répertorie certains mots-clés dans TypeScript.

Pause	comme	tout	commutateur
Cas	si	jeter	autre
var	nombre	chaîne	avoir
module	type	exemple de	Type de
Publique	privé	énumération	exportation
enfin	pour	tandis que	néant
nul	super	ce	Nouveau
dans	revenir	vrai	faux
tout	étend	statique	laisser
paquet	met en oeuvre	interface	fonction
Nouveau	essayer	rendement	const
continuer	faire	capture

Espaces blancs et sauts de ligne

TypeScript ignore les espaces, les tabulations et les retours à la ligne qui apparaissent dans les programmes. Vous pouvez utiliser librement des espaces, des tabulations et des retours à la ligne dans votre programme et vous êtes libre de formater et d'indenter vos programmes d'une manière ordonnée et cohérente qui rend le code facile à lire et à comprendre.

TypeScript est sensible à la casse

TypeScript est sensible à la casse. Cela signifie que TypeScript fait la différence entre les caractères majuscules et minuscules.

Les points-virgules sont facultatifs

Chaque ligne d'instruction est appelée un statement. Les points-virgules sont facultatifs dans TypeScript.

Example

console.log("hello world")
console.log("We are learning TypeScript")

Une seule ligne peut contenir plusieurs instructions. Cependant, ces instructions doivent être séparées par un point-virgule.

Commentaires dans TypeScript

Les commentaires sont un moyen d'améliorer la lisibilité d'un programme. Les commentaires peuvent être utilisés pour inclure des informations supplémentaires sur un programme comme l'auteur du code, des conseils sur une fonction / construction, etc. Les commentaires sont ignorés par le compilateur.

TypeScript prend en charge les types de commentaires suivants -

Single-line comments ( // ) - Tout texte entre un // et la fin d'une ligne est traité comme un commentaire
Multi-line comments (/* */) - Ces commentaires peuvent s'étendre sur plusieurs lignes.

Example

//this is single line comment 
 
/* This is a  
   Multi-line comment 
*/

TypeScript et orientation des objets

TypeScript est un JavaScript orienté objet. Object Orientation est un paradigme de développement logiciel qui suit la modélisation du monde réel. L'Orientation Objet considère un programme comme une collection d'objets qui communiquent entre eux via un mécanisme appelé méthodes. TypeScript prend également en charge ces composants orientés objet.

Object- Un objet est une représentation en temps réel de toute entité. Selon Grady Brooch, chaque objet doit avoir trois caractéristiques -
- State - décrit par les attributs d'un objet
- Behavior - décrit comment l'objet va agir
- Identity - une valeur unique qui distingue un objet d'un ensemble d'objets similaires similaires.
Class- Une classe en termes de POO est un modèle pour créer des objets. Une classe encapsule les données de l'objet.
Method - Les méthodes facilitent la communication entre les objets.

Example: TypeScript and Object Orientation

class Greeting { 
   greet():void { 
      console.log("Hello World!!!") 
   } 
} 
var obj = new Greeting(); 
obj.greet();

L'exemple ci-dessus définit une classe Greeting . La classe a une méthode greet () . La méthode imprime la chaîne «Hello World» sur le terminal. lenewLe mot clé crée un objet de la classe (obj). L'objet invoque la méthode greet () .