Les fondamentaux de JavaScript

Mise en ligne : il y a 4 mois Mise à jour : il y a 4 mois beginner

Passer le quiz

Passer le quiz

Les briques de la logique

Vous savez stocker des valeurs. Apprenez maintenant à agir dessus : fonctions, conditions et boucles — le cœur de tout programme.

Les fonctions : des blocs réutilisables

Une fonction regroupe du code que vous pouvez appeler encore et encore, éventuellement avec des entrées (paramètres) et une valeur de retour.

function add(a, b) {
  return a + b;
}
const arrow = (a, b) => a + b;  // identique, en plus court
add(2, 3); // 5

Les conditions : prendre des décisions

if (score >= 50) {
  console.log("Reussi");
} else {
  console.log("A retenter");
}

=== vs ==

Utilisez l’égalité stricte === (et !==). Elle compare la valeur ET le type, évitant les conversions surprenantes.

Les boucles : répéter un traitement

for (let i = 0; i < 3; i++) {
  console.log(i);
}

const nums = [1, 2, 3];
nums.forEach(n => console.log(n));

Méthodes de tableau courantes

MéthodeCe qu’elle faitExemple
mapTransformer chaque élément[1,2].map(n => n*2)
filterGarder les éléments correspondants[1,2,3].filter(n => n>1)
findPremière correspondance[1,2,3].find(n => n>1)
includesUne valeur est-elle présente ?[1,2].includes(2)

Attention à la portée

Les variables déclarées avec let/const n’existent que dans leur bloc { }. Y accéder en dehors est un bug fréquent.

Questions fréquentes

Qu’est-ce qu’un callback ?
Une fonction passée à une autre fonction pour être exécutée plus tard — comme la fonction fléchée dans forEach.
Fonction fléchée ou classique ?
Les fonctions fléchées sont plus courtes et conservent le this environnant. Utilisez-les pour les petits callbacks.
À quoi sert return ?
Il renvoie une valeur à l’appelant et met fin à la fonction.

À vous de construire

Vous avez les variables, fonctions, conditions et boucles. Assemblez-les sur une vraie page.

Continuer vers le JavaScript en pratique

Commentaires