Existe-t-il une meilleure façon de faire des paramètres de fonction facultatif dans JavaScript?

Les fonctions dans JavaScript incluent fréquemment des paramètres facultatifs qui permettent à l'appelant de modifier le comportement de la fonction. Cependant, le traitement des paramètres facultatifs peut être difficile et sujet aux erreurs, en particulier lorsque vous travaillez avec de grandes fonctions avec plusieurs paramètres. Bien qu'il existe différentes façons alternatives de spécifier des paramètres de fonction facultatifs en JavaScript qui peuvent simplifier et améliorer la robustesse du code.

Ce blog montrera la meilleure façon d'utiliser les paramètres facultatifs en fonction.

Existe-t-il une meilleure façon de faire / utiliser les paramètres de fonction facultatifs en javascript?

Oui! Il existe de nombreuses façons d'utiliser les paramètres facultatifs dans la fonction. Ce sont les suivants:

• Valeur de paramètre par défaut
• Utilisez les «arguments.Propriété de longueur »

Ici, d'abord, nous comprendrons les paramètres de la fonction facultative. "Paramètres facultatifs«Sont des paramètres de fonction qui ne sont pas nécessaires et peuvent être transmis ou non par l'appelant.

Exemple
Définissez une fonction nommée «somme"Avec deux paramètres facultatifs"X" et "y«Cela renvoie la somme de deux nombres:

Sum de fonction (x, y)
retour x + y;

Appelez la fonction définie en passant deux numéros "11" et "4«Comme arguments:

console.journal (somme (11, 4));

Passer un seul argument "11«Comme les paramètres sont facultatifs:

console.log (sum (11));

Ici, nous appellerons la fonction sans passer à aucun argument:

console.log (sum ());

Maintenant, voyons la sortie qui donne «Nan"Deux fois au lieu de lancer une erreur car il n'y a pas d'autre numéro dans l'appel de fonction pour effectuer l'opération:

Maintenant, voyons les autres façons d'utiliser les paramètres facultatifs.

Méthode 1: valeur par défaut du paramètre

Utilisez le "valeur par défaut”Du paramètre pour gérer les paramètres de fonction facultatifs. C'est la fonctionnalité du module ES6 qui permet de définir une valeur par défaut pour un paramètre de fonction au cas où aucune valeur n'est fournie par l'appelant. Il aide à éviter d'écrire des instructions conditionnelles supplémentaires pour vérifier si un paramètre est défini ou non.

C'est la meilleure façon de faire des paramètres de fonction facultatif car il rend le code simple et facile à comprendre, tout en minimisant la possibilité de bogues causés par des paramètres manqués ou non définis.

Syntaxe
Suivez la syntaxe donnée pour la valeur par défaut du paramètre de fonction:

fonction funcname (a = 5, b = 9)
//…

Exemple
Définissez une fonction avec les paramètres de valeur par défaut:

Sum de fonction (x = 3, y = 5)
retour x + y;

Appelez la fonction trois fois, lors du premier appel de fonction, passez deux valeurs "11" et "4«Comme argument, dans le deuxième appel, ne passe qu'un seul argument, et dans le dernier appel de fonction, aucun argument ne sera passé:

console.journal (somme (11, 4));
console.log (sum (11));
console.log (sum ());

La sortie renvoie les valeurs constantes après avoir effectué une opération au lieu de donner NAN. Parce que l'appel de fonction sans arguments et un seul argument considère les valeurs par défaut pour effectuer l'opération:

Méthode 2: Utilisez les «arguments.Propriété de longueur »

Une autre façon de gérer les paramètres de fonction facultative, utilisez le «arguments.longueur" propriété. Chaque fonction de JavaScript a un objet appelé «argument"Cela contient les valeurs des paramètres. Le "longueur«De l'objet des arguments indique le nombre total de paramètres fournis à la fonction. Dans cette approche, nous attribuerons une valeur aux paramètres nonackés en utilisant des instructions conditionnelles.

Syntaxe
La syntaxe suivante est utilisée pour les «arguments.Longueur »Propriété pour effectuer des paramètres de fonction facultatif:

fonction (a, b, c)
si (arguments.longueur == 0)
// attribue les valeurs à tous les paramètres
sinon si (arguments.longueur == 1)
// attribue la valeur aux 2 derniers paramètres
sinon si (arguments.longueur == 2)
// attribue la valeur au dernier paramètre

Exemple
Définir une fonction "somme"Avec deux variables facultatives"X" et "y". Utilisez l'instruction IF-ELSE pour attribuer des valeurs aux paramètres en fonction de la longueur de l'argument:

Sum de fonction (x, y)
si (arguments.longueur === 0)
x = 3;
y = 5;

sinon si (arguments.longueur === 1)
y = 5;

retour x + y;

Appelez la fonction trois fois avec ou sans arguments:

console.journal (somme (11, 4));
console.log (sum (11));
console.log (sum ());

Sortir

Il s'agissait de gérer les paramètres de fonction facultatif dans JavaScript.

Conclusion

Le "valeur par défaut«Du paramètre et un«arguments.longueur»La propriété est utilisée pour faire / gérer les paramètres de fonction facultatif. La «valeur par défaut» du paramètre est une meilleure façon de gérer les paramètres de fonction facultatifs car il rend le code simple et facile à comprendre, tout en minimisant la possibilité de bogues causés par des paramètres manqués ou non définis. Ce blog a démontré la meilleure façon d'utiliser les paramètres facultatifs en fonction.