Comprendre la syntaxe Javascript - Letecode
Suivez nous
Table de matière
  1. Tutoriels
  2. Tutoriel JavaScript
  3. Syntaxe JavaScript
Chapitres

Syntaxe JavaScript

Dernière mise à jour : 06/06/2022

Dans ce chapitre, vous apprendrez à écrire le code JavaScript.

Comprendre la syntaxe JavaScript

La syntaxe de JavaScript est l'ensemble des règles qui définissent un programme JavaScript correctement structuré.

Un JavaScript se compose d'instructions JavaScript placées dans les balises HTML <script></script> d'une page Web ou dans le fichier JavaScript externe ayant une extension  .js.

L'exemple suivant montre à quoi ressemblent les instructions JavaScript :

var x = 3;
var y = 18;
var sum = x + y;
document.write(sum); // affiche la valeur de la variable sum

Vous apprendrez ce que chacune de ces déclarations signifie dans les prochains chapitres.

Sensibilité à la casse en JavaScript

JavaScript est sensible à la casse. Cela signifie que les variables, mots-clés de langage, noms de fonctions et autres identificateurs doivent toujours être saisis avec une capitalisation cohérente des lettres.

Par exemple, la variable maVar doit être de type maVar et non MaVar ou mavar. De même, le nom de la méthode getElementById() doit être saisi avec la casse exacte et non comme getElementByID().

var maVar = "Hello World!";
console.log(maVar);
console.log(MaVar);
console.log(mavar);

Si vous consultez la console du navigateur en appuyant sur la touche f12 du clavier, vous verrez une ligne semblable à celle-ci : "Uncaught ReferenceError : MaVar is not defined".

Commentaires JavaScript

Un commentaire est simplement une ligne de texte qui est complètement ignorée par l'interprèteur JavaScript. Les commentaires sont généralement ajoutés dans le but de fournir des informations supplémentaires relatives au code source. Cela vous aidera non seulement à comprendre votre code lorsque vous vous occupez d'une période de temps, mais aussi d'autres personnes qui travaillent avec vous sur le même projet.

JavaScript prend en charge les commentaires sur une seule ligne et sur plusieurs lignes. Les commentaires sur une seule ligne commencent par une double barre oblique ( //), suivie du texte du commentaire. Voici un exemple :

document.write("Hello World!"); // Mon premier code javascript

Alors qu'un commentaire multi ligne commence par une barre oblique et un astérisque ( /*) et se termine par un astérisque et une barre oblique ( */). Voici un exemple de commentaire multi-lignes.

/* Mon premier code javascript*/
document.write("Hello World!");
 
Ajouter du Javascript à un document HTML Définir des variables en Javascript (let vs var)