Les briques de base : variables, types et fonctions

Article 2/4 — Parcours débutant : du navigateur au serveur

Dans le premier article, nous avons situé JavaScript comme le langage du comportement d’une page web. Place maintenant aux deux outils que vous utiliserez dans absolument tous vos programmes : les variables et les fonctions.

Ranger une information : la variable

Une variable est une étiquette posée sur une information pour pouvoir la retrouver plus tard. On en déclare une avec le mot-clé const ou let :

const prenom = "Laurent";
let age = 30;

La différence tient en une règle de bon sens. On utilise const (pour constante) quand l’information ne changera pas, et let quand elle est appelée à évoluer. Le réflexe sain consiste à choisir const par défaut, et à ne passer à let que si l’on a une raison de modifier la valeur. Cela rend le code plus lisible : un lecteur sait, d’un coup d’œil, ce qui bouge et ce qui est figé.

Quelques types de données

Une variable peut contenir différentes natures d’information. Les plus courantes au départ sont le texte (la chaîne de caractères, entre guillemets), les nombres, et les booléens — c’est-à-dire les valeurs true (vrai) ou false (faux), pratiques pour répondre à une question par oui ou non.

const nom = "Dupont";    // texte
const score = 42;         // nombre
const estConnecte = true; // booléen

Écrire une action réutilisable : la fonction

Une fonction est un bloc d’instructions auquel on donne un nom, pour pouvoir le rejouer à volonté sans le réécrire. Pensez-y comme à une recette : on la définit une fois, puis on l’exécute autant de fois qu’on le souhaite, éventuellement avec des ingrédients différents.

function saluer(nom) {
  return "Bonjour " + nom;
}

saluer("Laurent"); // renvoie "Bonjour Laurent"
saluer("Marie");   // renvoie "Bonjour Marie"

Le mot nom entre parenthèses est un paramètre : une information que l’on fournit à la fonction au moment de l’appeler. Le mot return indique le résultat que la fonction renvoie.

JavaScript moderne propose une écriture plus compacte, la fonction fléchée, que vous rencontrerez partout :

const saluer = (nom) => "Bonjour " + nom;

C’est exactement la même recette, présentée plus brièvement. Inutile de chercher à mémoriser cette syntaxe par cœur dès aujourd’hui : elle deviendra naturelle à force de l’écrire.

Avec ces deux notions — stocker une information, exécuter une action — vous tenez déjà l’ossature de la quasi-totalité des programmes. Dans le prochain article, nous ferons sortir JavaScript du navigateur pour découvrir Node.js.