Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Fonctions | Section
Bases de JavaScript

bookFonctions

Glissez pour afficher le menu

Les fonctions permettent d’organiser et de réutiliser le code en JavaScript. Une fonction est un bloc de code nommé qui exécute une tâche spécifique. Vous pouvez définir une fonction une seule fois, puis l’exécuter (ou « appeler ») autant de fois que nécessaire.

Il existe deux principales manières de créer des fonctions : les déclarations de fonction et les expressions de fonction.

Une déclaration de fonction utilise le mot-clé function suivi du nom de la fonction, d’une paire de parenthèses pour les paramètres, et d’un bloc de code entre accolades.

Une expression de fonction assigne une fonction à une variable, souvent à l’aide du mot-clé const ou let. Les deux approches permettent d’encapsuler la logique et de garder le code DRY (Don’t Repeat Yourself).

123456789101112
// Function Declaration function add(a, b) { return a + b; } // Function Expression const multiply = function(a, b) { return a * b; }; console.log(add(3, 4)); // Output: 7 console.log(multiply(3, 4)); // Output: 12
copy

Portée

Comprendre la portée des fonctions est essentiel pour écrire un code fiable. Les variables déclarées à l’intérieur d’une fonction ne sont accessibles qu’au sein de cette fonction. Cela s’appelle la portée locale.

Cela aide à éviter les conflits de noms et à organiser la logique.

1234567
function greet(name) { const message = "Hello, " + name + "!"; return message; } console.log(greet("Sam")); // Output: Hello, Sam! // console.log(message); // This would cause an error: message is not defined
copy

Comme bonne pratique, utilisez des fonctions pour diviser votre code en petites parties ciblées, chacune accomplissant une seule tâche de manière efficace. Donnez à vos fonctions des noms clairs et descriptifs, et évitez de dépendre de variables extérieures à la fonction sauf si cela est absolument nécessaire. Cela rend votre code plus facile à lire, à tester et à maintenir.

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 1. Chapitre 9

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Section 1. Chapitre 9
some-alt