Guide complet des fonctions en JavaScript

Fonctions en JavaScript

Voici un guide complet des fonctions en JavaScript avec des exemples :

---

1. Qu'est-ce qu'une fonction ?

Une fonction est un bloc de code réutilisable conçu pour effectuer une tâche particulière. Il est exécuté lorsqu'il est invoqué ou appelé.

Syntaxe :

function functionName(parameters) {
  // Code to execute
}

Exemple :

function greet(name) {
  console.log(`Hello, ${name}!`);
}
greet("Alice"); // Output: Hello, Alice!

---

2. Types de fonctions en JavaScript

A. Déclaration de fonction

Une fonction déclarée à l'aide du mot-clé function.

Exemple :

function add(a, b) {
  return a + b;
}
console.log(add(2, 3)); // Output: 5

---

B. Expression de fonction

Les fonctions peuvent également être stockées dans des variables.

Exemple :

const multiply = function (a, b) {
  return a * b;
};
console.log(multiply(2, 3)); // Output: 6

---

C. Fonctions fléchées (ES6)

Une syntaxe concise pour écrire des fonctions.

Syntaxe :

const functionName = (parameters) => {
  // Code to execute
};

Exemple :

const subtract = (a, b) => a - b;
console.log(subtract(5, 3)); // Output: 2

---

D. Fonctions anonymes

Fonctions sans nom, souvent utilisées comme rappels.

Exemple :

setTimeout(function () {
  console.log("This runs after 2 seconds");
}, 2000);

---

E. Expression de fonction immédiatement invoquée (IIFE)

Une fonction qui s'exécute immédiatement après sa définition.

Exemple :

(function () {
  console.log("IIFE is executed immediately!");
})();

---

3. Paramètres et arguments

• Paramètres : Variables définies dans la définition de la fonction.
• Arguments : Valeurs transmises lors de l'appel de la fonction.

Exemple :

function greet(name, age) {
  console.log(`Hi ${name}, you are ${age} years old.`);
}
greet("Bob", 25); // Output: Hi Bob, you are 25 years old.

---

4. Paramètres par défaut

Fournissez des valeurs par défaut pour les paramètres si aucun argument n'est transmis.

Exemple :

function sayHello(name = "Guest") {
  console.log(`Hello, ${name}!`);
}
sayHello(); // Output: Hello, Guest!

---

5. Paramètres de repos

Utilisé pour gérer un nombre indéfini d'arguments sous forme de tableau.

Exemple :

function sum(...numbers) {
  return numbers.reduce((total, num) => total + num, 0);
}
console.log(sum(1, 2, 3, 4)); // Output: 10

---

6. Déclaration de retour

Les fonctions peuvent renvoyer une valeur à l'aide de l'instruction return.

Exemple :

function square(num) {
  return num * num;
}
console.log(square(4)); // Output: 16

---

7. Fonctions de rappel

Une fonction passée en argument à une autre fonction et exécutée plus tard.

Exemple :

function processUserInput(callback) {
  const name = "Charlie";
  callback(name);
}
processUserInput((name) => {
  console.log(`Hello, ${name}!`);
});
// Output: Hello, Charlie!

---

8. Fonctions d'ordre supérieur

Fonctions qui acceptent d'autres fonctions comme arguments ou renvoient des fonctions.

Exemple :

function functionName(parameters) {
  // Code to execute
}

---

9. Fermetures

Une fermeture est une fonction qui se souvient de ses variables externes même après la fin de son exécution.

Exemple :

function greet(name) {
  console.log(`Hello, ${name}!`);
}
greet("Alice"); // Output: Hello, Alice!

---

10. Portée de la fonction

Les fonctions ont leur propre portée locale.

Exemple :

function add(a, b) {
  return a + b;
}
console.log(add(2, 3)); // Output: 5

---

11. Récursivité

Une fonction qui s'appelle toute seule.

Exemple :

const multiply = function (a, b) {
  return a * b;
};
console.log(multiply(2, 3)); // Output: 6

---

12. Fonctions pures

Une fonction pure produit le même résultat pour la même entrée et n'a aucun effet secondaire.

Exemple :

const functionName = (parameters) => {
  // Code to execute
};

---

Bonjour, je m'appelle Abhay Singh Kathayat !
Je suis un développeur full-stack avec une expertise dans les technologies front-end et back-end. Je travaille avec une variété de langages et de frameworks de programmation pour créer des applications efficaces, évolutives et conviviales.
N'hésitez pas à me contacter à mon e-mail professionnel : kaashshorts28@gmail.com.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!