Comprendre les fonctions en JavaScript : déclarations, variables et rappels

Introduction

Les fonctions sont l’un des éléments clés de la programmation JavaScript. Elles permettent d’organiser votre code, de réutiliser du code existant et d’écrire plus efficacement vos applications. Dans cet article, nous allons explorer les déclarations de fonctions, les variables qui contiennent des références à des fonctions et les rappels (ou appels) de fonctions.

Déclarer une fonction

Une fonction est déclarée en utilisant la syntaxe function nomDeLaFonction(paramètres) { code à exécuter }. Par exemple, voici une fonction qui prend un argument et renvoie le premier caractère de cette chaîne :

function firstChar(stringIn){
  return stringIn.charAt(0);
}

Pour utiliser cette fonction, vous devez la mettre en place d’un autre variable quelque part dans votre code. Par exemple, voici comment appeler cette fonction pour afficher le premier caractère de la chaîne "Hello world" :

console.log(firstChar("Hello world"));
// Output : H

Rappels sur les fonctions

Les fonctions peuvent être déclarées sous forme d’expressions, ce qui permet de les stocker dans des variables. Par exemple, voici comment déclarer une fonction en utilisant une expression :

var hashFunction = function(value){
  // code à exécuter
};

Vous pouvez ensuite appeler cette fonction comme n’importe quelle autre fonction :

hashFunction("Fred");

Les variables qui contiennent des références à des fonctions

Les variables peuvent contenir des références à des fonctions. Par exemple, voici comment déclarer une variable qui contient une référence à la fonction firstChar :

var firstCharRef = firstChar;

Vous pouvez ensuite appeler cette fonction en utilisant la variable firstCharRef :

console.log(firstCharRef("Hello world"));
// Output : H

Les rappels (ou appels) de fonctions

Les fonctions peuvent être appelées pour exécuter leur code. Par exemple, voici comment appeler la fonction firstChar avec l’argument "Hello world" :

console.log(firstChar("Hello world"));
// Output : H

Les fonctions comme variables

Les fonctions peuvent être déclarées sous forme d’expressions et stockées dans des variables. Par exemple, voici comment déclarer une fonction en utilisant une expression :

var hashFunction = function(value){
  // code à exécuter
};

Vous pouvez ensuite appeler cette fonction comme n’importe quelle autre fonction :

hashFunction("Fred");

Les fonctions de niveau supérieur

Les fonctions qui prennent d’autres fonctions en paramètre ou renvoient des fonctions sont appelées « fonctions de niveau supérieur ». Par exemple, voici une fonction qui prend un autre fonction en paramètre et l’appelle :

function iAmCallbackFunction(){
  console.log("callback a été invoqué");
}

function iAmJustFunction(callbackFn){
  // code à exécuter ...
  callbackFn();
}

Vous pouvez appeler cette fonction en passant la fonction iAmCallbackFunction comme argument :

iAmJustFunction(iAmCallbackFunction);

Conclusion

Dans cet article, nous avons exploré les déclarations de fonctions, les variables qui contiennent des références à des fonctions et les rappels (ou appels) de fonctions. Nous avons également vu comment utiliser les fonctions comme variables et comment écrire des fonctions de niveau supérieur. Ces connaissances vous permettront d’écrire plus efficacement vos applications JavaScript et de réutiliser du code existant.

Sujets supplémentaires

Si vous souhaitez en savoir plus sur les sujets abordés dans cet article, nous vous recommandons de consulter la documentation officielle de Mozilla pour les fonctions et les variables.

Exercices

Voici quelques exercices pour vous aider à mettre en pratique vos nouvelles connaissances :

1. Déclarez une fonction qui prend un argument et renvoie le dernier caractère de cette chaîne.
2. Écrivez une fonction qui prend une autre fonction en paramètre et l’appelle.
3. Déclarez une variable qui contient une référence à la fonction firstChar et appellez-la avec l’argument "Hello world".