Menu
CoddyTech

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.

challenge icon

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 boucle
quiz iconTestez-vous

Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.

Toutes les leçons de Fondamentaux

Entraînez-vous par vous-même : Compilateur JavaScript en ligne