Fonctions et Expressions de Fonction en JavaScript

En JavaScript, une fonction est un bloc de code autonome qui exécute une tâche spécifique, tandis qu'une expression de fonction est une manière de stocker des fonctions dans des variables. Découvrons ces concepts avec des exemples détaillés.

Exemple de Base : Déclaration de Fonction et Expression de Fonction

Voici un exemple de fonction et d'expression de fonction :

// Créer une fonction nommée greet()
function greet() {
    console.log("Bonjour le monde !");
}

// Stocker une fonction dans la variable displayPI
// Ceci est une expression de fonction
let displayPI = function() {
    console.log("PI = 3.14");
}

// Appeler la fonction greet()
greet();

// Appeler la fonction displayPI()
displayPI();

Sortie :

Dans cet exemple, nous avons créé la fonction greet() et utilisé la variable displayPI pour stocker une expression de fonction. Ensuite, nous avons appelé les fonctions en utilisant leurs noms suivis de parenthèses () i.e. greet() et displayPI().

Créer une Fonction JavaScript

Nous pouvons créer une fonction en JavaScript en utilisant le mot-clé function :

function greet() {
    console.log("Bonjour le monde !");
}

Dans cet exemple, nous avons créé une fonction simple nommée greet() qui affiche "Bonjour le monde !" à l'écran.

Notre fonction contient les éléments suivants :

• Mot-clé Function - Le mot-clé function est utilisé pour créer la fonction.
• Nom de Fonction - Le nom de la fonction est greet, suivi de parenthèses ().
• Corps de Fonction - Le code exécuté lorsque nous appelons la fonction. Dans ce cas, console.log("Bonjour le monde !");

Appeler une Fonction

Précédemment, nous avons déclaré une fonction nommée greet() :

function greet() {
    console.log("Bonjour le monde !");
}

Si nous exécutons le code ci-dessus, nous ne verrons aucune sortie. Pourquoi ?

C'est parce que créer une fonction ne signifie pas que nous exécutons le code à l'intérieur. En d'autres termes, la fonction est prête et disponible pour être exécutée lorsque nous le choisissons.

Pour utiliser la fonction, nous devons l'appeler :

greet();

Voici un exemple d'appel de fonction :

// Créer une fonction
function greet() {
    console.log("Bonjour le monde !");
}

// Appeler la fonction
greet();

console.log("En dehors de la fonction");

Sortie :

Arguments de Fonction en JavaScript

Les arguments sont les valeurs que vous passez à la fonction lors de son appel :

// Fonction avec un paramètre appelé 'name'
function greet(name) {
    console.log(`Bonjour ${name}`);
}

// Passer un argument à la fonction
greet("Jean");

Sortie :

Dans cet exemple, nous avons passé "Jean" comme argument à la fonction greet().

Passons différents arguments pour voir la réutilisabilité de la fonction :

function greet(name) {
    console.log(`Bonjour ${name}`);
}

// Passer "Jean" comme argument
greet("Jean");

// Passer "David" comme argument
greet("David");

Sortie :

Exemple : Fonction pour Additionner Deux Nombres

Nous pouvons également passer plusieurs arguments à une seule fonction :

// Fonction avec deux arguments
function addNumbers(num1, num2) {
    let sum = num1 + num2;
    console.log(`Somme : ${sum}`);
}

// Appeler la fonction en passant deux arguments
addNumbers(5, 4);

Sortie :

La Déclaration return

Nous pouvons retourner une valeur depuis une fonction JavaScript en utilisant la déclaration return :

// Fonction pour trouver le carré d'un nombre
function findSquare(num) {
    return num * num; 
}

// Appeler la fonction et stocker le résultat
let square = findSquare(3);

console.log(`Carré : ${square}`);

Sortie :

Dans cet exemple, nous avons créé une fonction nommée findSquare() qui accepte un nombre et retourne le carré du nombre.

Fonctions de Bibliothèque JavaScript

JavaScript fournit des fonctions intégrées que nous pouvons utiliser directement dans notre programme :

// Math.sqrt() calcule la racine carrée
let squareRoot = Math.sqrt(4);
console.log("Racine carrée de 4 est", squareRoot);

// Math.pow() calcule la puissance
let power = Math.pow(2, 3);
console.log("2 à la puissance 3 est", power);

// toUpperCase() convertit le texte en majuscules
let band = "Iron Maiden";
let bandUpper = band.toUpperCase();
console.log(`Groupe préféré : ${bandUpper}`);

Sortie :

Expressions de Fonction

En JavaScript, une expression de fonction est une manière de stocker des fonctions dans des variables :

// Stocker une fonction dans la variable square
let square = function(num) {
    return num * num;
};

console.log(square(5));  

Sortie :