ES6 - Syntaxe

Syntaxdéfinit l'ensemble des règles d'écriture des programmes. Chaque spécification de langage définit sa propre syntaxe.

Un programme JavaScript peut être composé de -

  • Variables - Représente un bloc de mémoire nommé qui peut stocker des valeurs pour le programme.

  • Literals - Représente des valeurs constantes / fixes.

  • Operators - Symboles définissant la manière dont les opérandes seront traités.

  • Keywords - Des mots qui ont une signification particulière dans le contexte d'une langue.

Le tableau suivant répertorie certains mots clés en JavaScript. Certains mots clés couramment utilisés sont répertoriés dans le tableau suivant.

Pause comme tout Commutateur
Cas si jeter Autre
var nombre chaîne Avoir
module type exemple de Type de
enfin pour énumération Exportation
tandis que néant ce Nouveau
nul super Capture laisser
statique revenir Vrai Faux

  • Modules - Représente des blocs de code qui peuvent être réutilisés dans différents programmes / scripts.

  • Comments- Utilisé pour améliorer la lisibilité du code. Ceux-ci sont ignorés par le moteur JavaScript.

  • Identifiers - Ce sont les noms donnés aux éléments d'un programme comme les variables, les 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.

Le tableau suivant illustre certains identificateurs valides et non valides.

Exemples d'identifiants valides Exemples d'identifiants invalides

Prénom

Prénom

num1

$ résultat

Var #

Prénom

Prénom

1 numéro

Espaces blancs et sauts de ligne

ES6 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.

JavaScript est sensible à la casse

JavaScript est sensible à la casse. Cela signifie que JavaScript fait la différence entre les majuscules et les minuscules.

Les points-virgules sont facultatifs

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

Exemple

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

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

Commentaires en JavaScript

Commentssont 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.

JavaScript prend en charge les types de commentaires suivants -

  • Single-line comments (//) - Tout texte compris entre // et la fin d'une ligne est traité comme un commentaire.

  • Multi-line comments (/* */) - Ces commentaires peuvent s'étendre sur plusieurs lignes.

Exemple

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

Votre premier code JavaScript

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

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

Le programme peut être analysé comme -

  • 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, la console fait référence à la fenêtre du terminal. La fonction log () est utilisée pour afficher le texte à l'écran.

Exécution du code

Nous utiliserons Node.js pour exécuter notre code.

  • Step 1 - Enregistrez le fichier sous Test.js

  • Step 2 - Cliquez avec le bouton droit sur le fichier Test.js sous l'option des fichiers de travail dans la fenêtre de l'explorateur de projet de Visual Studio Code.

  • Step 3 - Sélectionnez l'option Ouvrir dans l'invite de commande.

  • Step 4 - Tapez la commande suivante dans la fenêtre de terminal de Node.

node Test.js

La sortie suivante s'affiche lors de l'exécution réussie du fichier.

Hello World

Node.js et JS / ES6

Les fonctionnalités d'ECMAScript 2015 (ES6) sont classées en trois groupes -

  • For Shipping - Ce sont des fonctionnalités que V8 considère comme stables.

  • Staged Features - Ce sont des fonctionnalités presque achevées mais non considérées comme stables par l'équipe V8.

  • In Progress - Ces fonctionnalités ne doivent être utilisées qu'à des fins de test.

La première catégorie de fonctionnalités est entièrement prise en charge et activée par défaut par nœud. Les fonctionnalités par étapes nécessitent un indicateur d'exécution - - Harmony pour s'exécuter.

Une liste des indicateurs CLI spécifiques aux composants pour Node.js peut être trouvée ici - https://nodejs.org/api/cli.html

Le mode strict

La cinquième édition de la spécification ECMAScript a introduit le mode strict. Le mode strict impose une couche de contrainte à JavaScript. Il apporte plusieurs modifications à la sémantique JavaScript normale.

Le code peut être transféré pour fonctionner en mode strict en incluant les éléments suivants -

// Whole-script strict mode syntax 
"use strict"; 
 v = "Hi!  I'm a strict mode script!";  // ERROR: Variable v is not declared

Dans l'extrait de code ci-dessus, l'intégralité du code s'exécute comme une variante contrainte de JavaScript.

JavaScript permet également de restreindre, le Mode Strict dans la portée d'un bloc comme celle d'une fonction. Ceci est illustré comme suit -

v = 15 
function f1() { 
   "use strict"; 
   var v = "Hi!  I'm a strict mode script!"; 
}

Dans l'extrait de code ci-dessus, tout code en dehors de la fonction s'exécutera en mode non strict. Toutes les instructions de la fonction seront exécutées en mode strict.

ES6 et levage

Le moteur JavaScript, par défaut, déplace les déclarations vers le haut. Cette fonctionnalité est appeléehoisting. Cette fonctionnalité s'applique aux variables et aux fonctions. Le levage permet à JavaScript d'utiliser un composant avant qu'il n'ait été déclaré. Cependant, le concept de levage ne s'applique pas aux scripts exécutés en mode strict.

Le levage variable et le levage fonctionnel sont expliqués dans les chapitres suivants.