Déclarer une fonction
Fait partie de la section Fondamentaux du Journey JavaScript de Coddy. Leçon 45 sur 77.
Une fonction est une séquence de code qui porte un nom. Une fonction sert à réutiliser un morceau de code plusieurs fois.
Par exemple, regarde ce code :
console.log("Welcome to Coddy");
console.log("New session...");
console.log("Welcome to Coddy");
console.log("Another session...");
console.log("Welcome to Coddy");Nous utilisons encore et encore le même code console.log("Welcome to Coddy"). Un autre problème avec ce code est que si nous voulions remplacer le message : Welcome to Coddy par autre chose, comme « Welcome aboard », il faudrait modifier 3 lignes de code différentes. Pour résoudre ce problème, nous allons utiliser des fonctions.
Pour déclarer une fonction, nous utilisons la syntaxe suivante :
function functionName() {
code;
}Pour notre exemple, nous allons créer une fonction nommée greet, qui ressemblera à ceci :
function greet() {
console.log("Welcome to Coddy");
}Pour utiliser/appeler/exécuter la fonction, nous écrivons greet() :
greet();
console.log("New session...");
greet();
console.log("Another session...");
greet();Cela produira le même résultat que ci-dessus.
Remarque : En JavaScript, les déclarations de fonction sont remontées, ce qui signifie qu’elles peuvent techniquement être appelées avant d’apparaître dans le code. Cependant, il est recommandé d’écrire les fonctions avant de les appeler afin que votre code reste clair et lisible.
Défi
FacileÉcris un programme qui reçoit une entrée, un nombre (fourni). Le nombre en entrée indique combien de fois exécuter la fonction ci-dessous.
Crée une fonction qui calcule la somme de tous les nombres entre 1 et 10000 (inclus) et l’affiche. Choisis le nom de la fonction comme tu veux.
Remarque ! Dans ton code, écris la fonction avant les instructions qui l’appellent ou l’exécutent.
Essayez vous-même
// Écrivez la fonction ci-dessous
let n = parseInt(inp); // Ne modifiez pas cette ligne
// Exécutez votre fonction n fois à l’aide d’une boucleCette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Toutes les leçons de Fondamentaux
4Opérateurs Partie 2
Opérateurs logiques Partie 1Opérateurs logiques Partie 2Récapitulatif - Logique simpleOpérateurs logiques Partie 3Coercion de type7Calculateur de partage d'addition
Message de bienvenueCalcul du pourboire et du total10FizzBuzz avec une variante
Présentation du jeuLa fonction FizzBuzz13Suivi de liste de courses
Présentation du projetAjouter un article2Variables
NombresChaînes de caractèresBooléensConventions de nommageVariables videsRécapitulatif - Initialiser des variablesConstantes5Prise de décision
L'instruction IfIf - ElseRécapitulatif - Calculatrice simpleIf - Else imbriquésL'instruction Switch8Boucles
Boucle ForBoucle WhileBreakContinueRécapitulatif - FactorielleBoucle Do WhileBoucles imbriquées3Opérateurs - Partie 1
Opérateurs arithmétiquesOpérateur moduloRaccourcis arithmétiquesOpérateurs de comparaisonÉgalité stricte vs faibleRécapitulatif - Mathématiques simples6Entrées/Sorties de base
SortieSortie avec des variablesConversion de type - Partie 1Conversion de type - Partie 2Récapitulatif - Jusqu'à 120Récapitulatif - Vrai ou FauxEntraînez-vous par vous-même : Compilateur JavaScript en ligne