Maison > interface Web > js tutoriel > Comprendre les paramètres par défaut dans les fonctions JavaScript

Comprendre les paramètres par défaut dans les fonctions JavaScript

Linda Hamilton
Libérer: 2024-12-23 10:44:29
original
120 Les gens l'ont consulté

Understanding Default Parameters in JavaScript Functions

Paramètres par défaut dans les fonctions JavaScript

Les

Paramètres par défaut en JavaScript vous permettent de spécifier des valeurs par défaut pour les paramètres de fonction. Si la fonction est appelée sans valeur pour un paramètre particulier, la valeur par défaut est utilisée à la place.

Cette fonctionnalité a été introduite dans ES6 (ECMAScript 2015) et permet de gérer les cas où un paramètre peut ne pas être fourni, évitant ainsi un comportement indéfini et rendant votre code plus robuste.

1. Syntaxe de base des paramètres par défaut

Dans l'exemple suivant, si aucun argument n'est passé pour b, la valeur par défaut sera 10 :

function sum(a, b = 10) {
  return a + b;
}

console.log(sum(5, 3));  // Output: 8
console.log(sum(5));     // Output: 15 (b defaults to 10)
Copier après la connexion
Copier après la connexion

Dans ce cas :

  • Lorsque sum(5, 3) est appelé, le résultat est 8 car b est explicitement passé comme 3.
  • Lorsque sum(5) est appelé, le résultat est 15 car b n'est pas passé, il prend donc la valeur par défaut de 10.

2. Utiliser les paramètres par défaut avec des expressions

Vous pouvez également définir des valeurs par défaut qui sont le résultat d'expressions, telles que l'appel d'une fonction ou l'exécution de calculs.

function greet(name = "Guest") {
  console.log(`Hello, ${name}!`);
}

greet();          // Output: Hello, Guest!
greet("John");    // Output: Hello, John!
Copier après la connexion

Ici, "Invité" est la valeur par défaut pour le nom si aucune valeur n'est transmise à la fonction.

3. Paramètres par défaut avec déstructuration

Les paramètres par défaut fonctionnent également avec la déstructuration. Si vous utilisez la déstructuration d'objets ou de tableaux dans les paramètres de la fonction, vous pouvez définir des valeurs par défaut pour des propriétés ou des éléments spécifiques.

Valeurs par défaut dans la déstructuration d'objets

function printInfo({ name = "Anonymous", age = 18 } = {}) {
  console.log(`Name: ${name}, Age: ${age}`);
}

printInfo({ name: "Alice", age: 25 });  // Output: Name: Alice, Age: 25
printInfo({});                          // Output: Name: Anonymous, Age: 18
printInfo();                            // Output: Name: Anonymous, Age: 18
Copier après la connexion

Dans ce cas :

  • Si l'objet est passé, la fonction utilise les propriétés de cet objet.
  • Si aucun objet n'est transmis ou si l'objet n'a pas de propriétés, les valeurs par défaut sont utilisées.

Valeurs par défaut dans la déstructuration de tableaux

function printNumbers([a = 1, b = 2] = []) {
  console.log(`a: ${a}, b: ${b}`);
}

printNumbers([5, 10]);  // Output: a: 5, b: 10
printNumbers([7]);      // Output: a: 7, b: 2
printNumbers();         // Output: a: 1, b: 2
Copier après la connexion

Dans ce cas :

  • La fonction fonctionne avec un tableau et fournit des valeurs par défaut pour a et b si aucune valeur n'est transmise.

4. Paramètres par défaut et arguments de fonction

Vous pouvez également utiliser les paramètres par défaut en conjonction avec des arguments pour gérer les cas où le nombre d'arguments est dynamique.

function multiply(a, b = 2) {
  console.log(a * b);
}

multiply(3, 4);  // Output: 12
multiply(3);     // Output: 6 (b defaults to 2)
Copier après la connexion

Dans cet exemple :

  • La fonction multiplie a par b, et si b n'est pas fourni, sa valeur par défaut est 2.

5. Paramètres par défaut avec des fonctions qui renvoient des valeurs par défaut

Vous pouvez utiliser des fonctions comme valeurs par défaut, ce qui peut être utile dans les scénarios où vous avez besoin de valeurs par défaut dynamiques ou complexes.

function getUser(id, name = getDefaultName()) {
  console.log(`User ID: ${id}, Name: ${name}`);
}

function getDefaultName() {
  return "John Doe";
}

getUser(1);          // Output: User ID: 1, Name: John Doe
getUser(2, "Alice"); // Output: User ID: 2, Name: Alice
Copier après la connexion

Dans cet exemple :

  • Si le nom n'est pas fourni, la fonction getDefaultName() est appelée et son résultat est utilisé comme valeur par défaut.

6. Paramètres par défaut avec paramètres de repos

Vous pouvez combiner les paramètres par défaut avec les paramètres de repos (...args) pour gérer les scénarios dans lesquels vous ne savez pas combien d'arguments une fonction peut recevoir.

function sum(a, b = 10) {
  return a + b;
}

console.log(sum(5, 3));  // Output: 8
console.log(sum(5));     // Output: 15 (b defaults to 10)
Copier après la connexion
Copier après la connexion

Dans ce cas :

  • Le paramètre séparateur a une valeur par défaut de , s'il n'est pas fourni, et les chaînes collecteront tous les arguments supplémentaires transmis à la fonction.

Conclusion

Les paramètres par défaut en JavaScript rendent les fonctions plus flexibles en vous permettant de définir des valeurs par défaut pour les paramètres manquants ou non définis. Cette fonctionnalité améliore la lisibilité du code et permet d'éviter les erreurs causées par des arguments manquants.

Il peut être combiné avec d'autres fonctionnalités telles que la déstructuration, les paramètres de repos et même les appels de fonction pour créer des fonctions dynamiques, concises et maintenables.


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!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal