LabEx
EntrerRejoindre

Exercices pratiques en JavaScript

Beginner

This tutorial is from open-source community. Access the source code

Introduction

Dans ce laboratoire (lab), nous explorerons les concepts et les techniques de programmation JavaScript à travers une série d'exercices pratiques. Ce laboratoire est conçu pour vous aider à mieux comprendre le JavaScript et à améliorer vos compétences en programmation en vous faisant pratiquer dans des scénarios réels. Vous travaillerez sur des tâches telles que la création de fonctions, la manipulation de tableaux (arrays) et d'objets, et la manipulation du DOM pour créer des pages web dynamiques. À la fin de ce laboratoire, vous aurez une solide base en programmation JavaScript et pourrez appliquer vos connaissances pour construire des applications plus complexes.

Ceci est un Guided Lab, qui fournit des instructions étape par étape pour vous aider à apprendre et à pratiquer. Suivez attentivement les instructions pour compléter chaque étape et acquérir une expérience pratique. Les données historiques montrent que c'est un laboratoire de niveau débutant avec un taux de réussite de 85%. Il a reçu un taux d'avis positifs de 100% de la part des apprenants.

Entraînement au code avec le générateur de répétition

Pour vous entraîner au codage, ouvrez le Terminal/SSH et tapez node pour créer un générateur qui répète indéfiniment la valeur donnée. Utilisez une boucle while non terminante qui yield une valeur chaque fois que Generator.prototype.next() est appelée. Ensuite, utilisez la valeur de retour de l'instruction yield pour mettre à jour la valeur retournée si la valeur passée n'est pas undefined.

const repeatGenerator = function* (val) {
  let v = val;
  while (true) {
    let newV = yield v;
    if (newV !== undefined) v = newV;
  }
};

Pour tester le générateur, créez une instance de celui-ci en utilisant la valeur 5 et appelez repeater.next() pour obtenir la prochaine valeur de la séquence. La sortie sera { value: 5, done: false }. Appeler repeater.next() à nouveau renverra la même valeur. Pour changer la valeur, appelez repeater.next(4), qui renverra { value: 4, done: false }. Enfin, appeler repeater.next() renverra la valeur mise à jour, { value: 4, done: false }.

Résumé

Félicitations! Vous avez terminé le laboratoire (lab) sur le générateur de répétition. Vous pouvez pratiquer davantage de laboratoires sur LabEx pour améliorer vos compétences.