Instructions JavaScript
Exemple
let x, y, z; // Instruction 1
x = 5; // Instruction 2
y = 6; // Instruction 3
z = x + y; // Instruction 4
Programmes JavaScript
Un programme informatique est une liste d' "instructions" à "exécuter" par un ordinateur.
Ces instructions de programmation sont appelées instructions .
La plupart des programmes JavaScript contiennent de nombreuses instructions.
Les instructions sont exécutées une par une, dans l'ordre dans lequel elles sont écrites.
Remarque
Dans HTML, les programmes JavaScript sont exécutés par le navigateur web.
Instructions JavaScript
Les instructions JavaScript sont composées de :
Valeurs, Opérateurs, Expressions, Mots-clés et Commentaires.
Cette instruction indique au navigateur d'écrire "Hello Dolly." à l'intérieur d'un élément HTML avec id="demo" :
Exemple
document.getElementById("demo").innerHTML = "Hello Dolly."; Remarque
Les programmes JavaScript (et les instructions JavaScript) sont souvent appelés code JavaScript.
Points-virgules ;
Les points-virgules séparent les instructions JavaScript.
Ajoutez un point-virgule à la fin de chaque instruction exécutable :
Exemples
let a, b, c; // Déclare 3 variables
a = 5; // Assigne la valeur 5 à a
b = 6; // Assigne la valeur 6 à b
c = a + b; // Assigne la somme de a et b à c
Lorsqu'elles sont séparées par des points-virgules, plusieurs instructions sur une même ligne sont autorisées :
a = 5; b = 6; c = a + b; Sur le web, vous pourriez voir des exemples sans points-virgules.
Terminer les instructions par un point-virgule n'est pas obligatoire, mais fortement recommandé.
Espaces blancs JavaScript
JavaScript ignore les espaces multiples. Vous pouvez ajouter des espaces blancs à votre script pour le rendre plus lisible.
Les lignes suivantes sont équivalentes :
let person = "Hege";
let person="Hege"; Une bonne pratique consiste à mettre des espaces autour des opérateurs ( = + - * / ) :
let x = y + z; Longueur de ligne et retours à la ligne JavaScript
Pour une meilleure lisibilité, les programmeurs aiment souvent éviter les lignes de code de plus de 80 caractères.
Si une instruction JavaScript ne tient pas sur une ligne, le meilleur endroit pour la couper est après un opérateur :
Exemple
document.getElementById("demo").innerHTML =
"Hello Dolly!"; Blocs de code JavaScript
Les instructions JavaScript peuvent être regroupées dans des blocs de code, à l'intérieur d'accolades {...}.
Le but des blocs de code est de définir des instructions à exécuter ensemble.
Un endroit où vous trouverez des instructions regroupées dans des blocs est dans les fonctions JavaScript :
Exemple
function myFunction() {
document.getElementById("demo1").innerHTML = "Hello Dolly!";
document.getElementById("demo2").innerHTML = "Comment ça va ?";
}
Dans ce tutoriel, nous utilisons 2 espaces d'indentation pour les blocs de code.
Vous en apprendrez plus sur les fonctions plus tard dans ce tutoriel.
Mots-clés JavaScript
Les instructions JavaScript commencent souvent par un mot-clé pour identifier l'action JavaScript à effectuer.
Notre Référence des mots réservés liste tous les mots-clés JavaScript.
Voici une liste de certains des mots-clés que vous apprendrez dans ce tutoriel :
| Mot-clé | Description |
|---|---|
| var | Déclare une variable |
| let | Déclare une variable de bloc |
| const | Déclare une constante de bloc |
| if | Marque un bloc d'instructions à exécuter sous condition |
| switch | Marque un bloc d'instructions à exécuter dans différents cas |
| for | Marque un bloc d'instructions à exécuter dans une boucle |
| function | Déclare une fonction |
| return | Quitte une fonction |
| try | Implémente la gestion des erreurs pour un bloc d'instructions |
Remarque
Les mots-clés JavaScript sont des mots réservés. Les mots réservés ne peuvent pas être utilisés comme noms de variables.