Paramètres de fonction et arguments en javascript

En JavaScript, les termes paramètres et arguments d'une fonction sont souvent utilisés de manière interchangeable, bien qu'il existe une différence significative entre eux. Lorsque nous définissons une fonction, le Paramètres de fonction sont inclus. Vous pouvez également spécifier une liste de variables tout en déclarant une fonction, et ces variables sont appelées paramètres de fonction. Cependant, lorsque nous invoquons ou appelons la fonction créée en passant certaines valeurs, ces valeurs sont appelées «arguments de fonction".

Cette rédaction discutera des paramètres de fonction et des arguments en javascript. De plus, nous parlerons également des règles de paramètres de fonction dans JavaScript, ajoutant des paramètres de fonction, des paramètres de fonction inégalés, des paramètres de fonction par défaut, un objet d'argument, passer par valeur et passer par référence, à l'aide d'exemples. Alors, commençons!

Paramètres de fonction dans JavaScript

En JavaScript, les paramètres sont les variables que nous énumérons dans la déclaration de fonction. Lorsque nous créons une fonction, nous prenons des paramètres, qui sont inclus dans la définition de la fonction. Plusieurs paramètres peuvent être ajoutés à l'intérieur de parenthèses, séparées par des virgules comme indiqué dans la syntaxe dirigée ci-dessous:

Nom de la fonction (paramètre1, paramètre2, paramètre3)
// corps de la fonction

Ici, "X" et "y"Sont des paramètres dans ce qui suit"ajouter un numéro()" fonction:

fonction addNumber (x, y)
retour x + y;

Arguments de fonction dans JavaScript

La valeur que nous passons à une fonction est connue comme l'argument d'une fonction. Des arguments sont fournis à la fonction lorsque nous l'appelons. Par exemple, dans l'exemple suivant, «5" et "6«Les arguments sont-ils transmis au«ajouter un numéro()" fonction:

var sum = addnumber (5,6)
console.journal (somme)

Lorsque nous appelons la fonction addNumber (), JavaScript créera deux nouvelles variables, «X" et "y,"Selon nos paramètres définis, puis les initialise en utilisant les arguments. Après cela, le corps de la fonction sera exécuté:

Règles de paramètre de fonction dans JavaScript

Voici quelques-unes des règles définies pour les paramètres en JavaScript:

• Vous pouvez définir n'importe quel nombre de paramètres pour votre fonction JavaScript, et le nombre d'arguments ajoutés ne doit pas être adapté au nombre de paramètres.
• Vous pouvez également définir les valeurs de paramètre par défaut tout en déclarant les fonctions.
• Les paramètres sont évalués en javascript de gauche à droite.

Ajout de paramètres de fonction dans JavaScript

Vous pouvez ajouter plusieurs paramètres à votre fonction JavaScript en fonction de vos exigences. Par exemple, nous créerons un «FirstFunc ()"Fonction qui aura zéro paramètres et renvoie une chaîne"C'est Linuxhint.com»:

// 0 paramètres
fonction FirstFunc ()
Retour "Ceci est Linuxhint.com ";

La deuxième fonction que nous créerons est «secondfunc ()". Il faudra un paramètre, "nom"Et en appelant cette fonction, une chaîne sera retournée comprenant le passé"nom" argument:

// 1 paramètre
fonction secondfunc (name)
return "hi" + name;

Ensuite, nous créerons la troisième fonction nommée «ajouter un numéro()". La fonction addNumber () prendra deux arguments de nombre passés dans le «X" et "y»Paramètres, et il renverra leur somme:

// 2 paramètres
fonction addNumber (x, y)
retour x + y;

Maintenant, nous allons d'abord appeler la fonction FirstFunc (). Ensuite, nous passerons "John"Comme nom dans"secondfunc ()", et enfin, "2" et "3«Sont passés comme arguments à la fonction addNumber ():

console.log (firstFunc ());
console.log (secondfunc ("John"));
console.log (addNumber (2,3));

Maintenant, jetez un œil à la sortie de la fonction créée:

Paramètres de fonction inégalés en javascript

La fonction JavaScript ne lancera aucune erreur lorsque les arguments que vous avez passés sont supérieurs ou inférieurs au nombre de paramètres.

Par exemple, nous avons créé un «ajouter un numéro()«Fonction qui a deux paramètres,«X" et "y»:

fonction addNumber (x, y)
retour x + y;

Quand nous appelons notre «ajouter un numéro()”Fonction JavaScript sans passer des arguments, il ne lancera aucune erreur. Cependant, il initialisera les paramètres ajoutés comme «indéfini".

Dans l'autre cas, si le nombre d'arguments dépasse le nombre de paramètres, l'interprète JavaScript ignorera les arguments restants.

Dans une situation, quand aucun argument n'est passé, les deux «X" et "y«Les paramètres seront initialisés comme«indéfini»:

console.log (addNumber ());

Lorsque vous passez un seul argument, il sera transmis au «X»Paramètre, et«y"Sera initialisé comme"indéfini»:

console.log (addNumber (10));

Maintenant, lorsque nous passons trois valeurs comme arguments, «X" et "y»Sera initialisé avec les deux premières valeurs, et le troisième argument sera ignoré:

console.journal (addNumber (10,20,30));

L'image suivante vous montrera le code et la sortie liée aux cas ci-dessus:

Paramètres de fonction par défaut dans JavaScript

JavaScript vous permet également de configurer les paramètres de fonction avec les valeurs par défaut. Ces valeurs sont ajoutées dans la déclaration de fonction à l'aide de l'opérateur d'attribution "=".

Par exemple, dans le Prédire ci-dessous "ajouter un numéro()"Fonction, nous avons attribué"0"À nos deux"X" et "y»Variables. Maintenant, ces variables seront initialisées à zéro si nous ne transmettons aucun argument en appelant «ajouter un numéro()" fonction:

fonction addNumber (x = 0, y = 0)
retour x + y;

Objet d'argument dans JavaScript

Une autre méthode existe pour accéder aux arguments à l'intérieur de notre fonction, qui est «Les arguments s'opposent". L'objet d'arguments comprend les valeurs d'argument dans un objet avec un mécanisme similaire aux tableaux.

Aidez-nous à comprendre ce concept avec un exemple.

Exemple: Utilisation d'objet d'argument dans JavaScript

Dans le digne en dessous "somme()»Fonction, nous avons déclaré trois paramètres: x, y et z. Nous pouvons accéder aux valeurs des arguments passés en utilisant le «arguments”Array, comme pour accéder au«X«Valeur d'argument, nous utiliserons le«0e"Élément du tableau des arguments"Arguments [0]".

Maintenant, exécutez le code donné ci-dessous et consultez le résultat de la fonction SUM () et des éléments de tableau des arguments accessibles:

fonction sum (x, y, z)
console.log (arguments [0]);
console.log (arguments [1]);
console.log (arguments [2]);
retourner x + y + z;

somme (4, 5, 6);

Passer par valeur et passer par référence en javascript

Les types de référence et les types de valeur sont les deux types JavaScript. Numéro, symbole, chaîne, booléen, nul, indéfini, BigInt sont tous des types de valeur, et le reste des types relève des types de référence.

En JavaScript, les types de valeur sont passés à l'aide de «valeurs". Par exemple, dans l'exemple suivant, nous avons créé un «X«Variable ayant«2" valeur:

x = 2

Nous passerons notre "X«Variable au«Somefunc ()" fonction. Au moment d'appeler le «Somefunc ()", un nouveau "y»La variable sera créée, qui est spécifiée comme un paramètre. La variable "y"Copiera les valeurs adoptées de l'argument"X". Maintenant, quels que soient les changements que nous apporterons au «y«Valeur variable, elle n'affectera pas la valeur de la variable»X»:

Fonction Somefunc (y)
y = 4
console.journal (y)

Somefunc (x)
console.journal (x)

L'exécution du code-donné ci-dessus vous montrera la sortie suivante:

Maintenant, passons au concept de référence pas par-by-référence. À cette fin, premièrement, nous créerons un «employé”Objet, car un objet est considéré comme un type de référence:

Laissez Employee =
FirstName: 'John',
LastName: 'Smith'
;

Lorsque nous appelons le «Dosomething (employé)"Fonction, une nouvelle variable"obj"Sera créé, qui obtiendra le contenu du"employé" objet. Les deux "employé" et "obj»Les variables se réfèrent au même objet. Cependant, dans un tel cas, lorsque vous apportez des modifications dans «obj", Cela affectera également"employé», Comme les deux pointent ou se référent au même objet:

fonction dosomething (obj)
obj.FirstName = 'Peter';

Dosomething (employé);
console.journal (employé.prénom);

De la sortie, vous pouvez voir que le «prénom"Est changé en"Pierre»:

Conclusion

En JavaScript, les paramètres et les arguments sont les deux termes associés à la fonction. Les paramètres de fonction sont les variables spécifiées dans la définition de la fonction, et les arguments de fonction sont les valeurs passées comme arguments. Cet article a discuté des paramètres de fonction et des arguments en javascript. Nous avons également parlé des règles de paramètres de fonction dans JavaScript, en ajoutant des paramètres de fonction, des paramètres de fonction inégalés, des paramètres de fonction par défaut, un objet d'argument, passer par valeur et passer par référence, à l'aide d'exemples.