Fonctions JavaScript

Introduction aux fonctions JavaScript

Les JavaScript sont l'un des éléments de base fondamentaux du développement web moderne. Ils nous permettent d'encapsuler du code réutilisable et de l'exécuter selon les besoins. Comprendre les fonctions est essentiel pour maîtriser JavaScript.

Définir une fonction en JavaScript

Syntaxe de base d'une fonction

Une fonction en JavaScript est définie à l'aide du mot-clé function, suivi d'un nom, d'une liste de paramètres entre parenthèses et d'un bloc de code entre accolades.

---

function greet() {
    console.log("Hello, World!");
}

Hoisting des fonctions

Les déclarations de fonctions sont hoistées (montées en portée), ce qui signifie que vous pouvez appeler une fonction avant qu'elle ne soit définie dans le code. Ce comportement ne s'applique pas aux expressions de fonctions ou aux fonctions fléchées.

---

greet(); // Outputs: Hello, World!

function greet() {
    console.log("Hello, World!");
}

Paramètres et arguments des fonctions

Transmission des paramètres

Les fonctions peuvent accepter des paramètres, qui sont utilisés comme des variables à l'intérieur de la fonction.

---

Output appears here after Run.

Paramètres par défaut

En ES6, JavaScript permet de définir des valeurs par défaut pour les paramètres des fonctions.

---

Output appears here after Run.

Paramètres rest

Les paramètres rest permettent à une fonction d'accepter un nombre indéfini d'arguments sous forme de tableau.

---

Output appears here after Run.

L'instruction return

Retourner des valeurs

Une fonction peut renvoyer une valeur à l'appelant à l'aide de l'instruction return.

---

function sum(a, b) {
    return a + b;
}
let result = sum(5, 3); // result is 8

Fonctions anonymes et expressions

Fonctions anonymes

Les fonctions en JavaScript peuvent être définies sans nom ; on les appelle fonctions anonymes.

---

Output appears here after Run.

Expressions de fonctions

Les expressions de fonctions nous permettent de créer une nouvelle fonction au sein d'une expression.

---

Output appears here after Run.

Fonctions fléchées en ES6

Syntaxe des fonctions fléchées

ES6 a introduit les fonctions fléchées, qui offrent un moyen concis d'écrire des fonctions en JavaScript.

---

Output appears here after Run.

Pas de contexte this séparé dans les fonctions fléchées

Les fonctions fléchées n'ont pas leur propre contexte this, ce qui les rend idéales pour certains scénarios.

---

Output appears here after Run.

Conclusion

Maîtriser les fonctions JavaScript est une étape fondamentale pour devenir un développeur JavaScript compétent. Des définitions de fonctions simples aux complexes fonctions fléchées ES6, comprendre ces concepts améliorera votre capacité à écrire du code efficace et propre.

Pratique

Quelles affirmations sont vraies concernant les fonctions JavaScript selon l'article W3Docs ?

Une fonction en JavaScript est similaire à une procédure créée pour effectuer une tâche spécifique.Les fonctions sont assignées à des variables en JavaScript.Les fonctions peuvent être supprimées après leur création en JavaScript.Toute application JavaScript valide doit utiliser le mot-clé 'function' pour définir au moins une fonction.En JavaScript, une fonction peut être définie à l'intérieur d'une autre fonction.