Invoquer une fonction de méthode en javascript

En JavaScript, les fonctions peuvent être appelées de diverses manières. Cette déclaration peut vous sembler inhabituelle si vous êtes un débutant JavaScript, et vous pouvez penser comment une fonction peut être appelée de plusieurs manières? Ne l'appelons-nous pas simplement? Eh bien, chers lecteurs, il existe quatre façons différentes d'appeler une fonction en javascript, et dans cet article, nous parlerons spécifiquement de invoquer la fonction comme une méthode en javascript.

Avant de sauter vers la procédure d'invoquer la fonction comme une méthode en JavaScript, tout d'abord, montrons comment invoquer une fonction en fonction de JavaScript. Suivant cette approche, vous pouvez facilement trouver la différence entre les pratiques d'appel de la fonction mentionnée. Alors, commençons!

Invoquer la fonction comme une fonction dans JavaScript

Dans JavaScript, la plupart des fonctions sont invoquées ou appelées "en tant que fonction". Pour vous montrer comment invoquer une fonction JavaScript en fonction, nous créerons un "Multiplyfunc ()" qui aura deux paramètres, «X» et «Y». Dans le corps de la fonction, nous multiplierons les valeurs stockées dans les paramètres:

fonction multiplyfunc (x, y)
retour x * y;

Maintenant pour invoquer le "Mutliplyfunc ()" En fonction, nous exécuterons la ligne sous-donnée et passerons «2» et «6» comme arguments de fonction:

multiplyfunc (2, 6);

La sortie du code ci-dessus est illustrée ci-dessous:

Parce que la page HTML est l'objet global par défaut, le "Multiplyfunc ()" La fonction appartient à la page HTML. La fenêtre du navigateur est l'objet page dans un navigateur. Alors, la fonction "Multiplyfunc ()" sera automatiquement converti en fonction de fenêtre.

Le précédemment donné Fonction multiplyfunc () et le fenêtre.multiplefunc () vous montrera la même sortie:

fonction multiplyfunc (x, y)
retour x * y;

fenêtre.multiplyfunc (2, 6);

Comme vous pouvez le voir après avoir appelé le fenêtre.multiplyfunc () et passant «2» et «6» Comme arguments, la fonction est retournée "12" comme sortie:

Invoquer la fonction comme méthode en javascript

Dans JavaScript, une fonction doit être spécifiée comme une propriété d'objet pour l'invoquer comme méthode. Dans un tel cas, une fonction JavaScript comprend deux paramètres: un "fonction" qui appartient à un objet spécifique et à un "ce" paramètre propriétaire du programme JavaScript; Cependant, dans cette situation, il stockera l'objet déclaré.

Dans l'exemple ci-dessous, nous avons créé un "employé" objet ayant deux propriétés, "prénom" et "nom de famille", et un "Nom et prénom" Méthode d'objet. Le "Nom et prénom" la méthode appartient au "employé" objet et est une fonction:

const Employee =
FirstName: "Jack",
LastName: "Smith",
fullName: function ()
retourner ceci.FirstName + "" + ceci.nom de famille;

Maintenant, pour invoquer le "nom et prénom()" En tant que méthode, nous exécuterons le code suivant:

employé.nom et prénom();

Le Méthode fullname () retournera le nom de premier et le nom du dernier "employé" objet, qui a été spécifié dans le corps de la fonction:

Maintenant, nous allons changer le corps de la fonction pour "Renvoyez ceci" pour qu'il puisse sortir l'objet propriétaire:

const Employee =
FirstName: "Jack",
LastName: "Smith",
fullName: function ()
retourner ceci;

Invoque le nom et prénom() fonctionner comme un "employé" Méthode d'objet de la manière suivante:

employé.nom et prénom();

La sortie vous informera des propriétés des objets de l'employé tels que Prénom nom de famille, et leurs valeurs. Notez que pour la valeur de la propriété de l'objet FullName, "F" est renvoyé, ce qui indique que FullName est une fonction:

Conclusion

En créant une fonction de propriété d'objet, nous pouvons invoquer une fonction de méthode en JavaScript. Lorsque vous définissez une fonction JavaScript comme la propriété d'un objet, il comprend deux paramètres: une fonction qui appartient à un objet spécifique et à ce paramètre qui stockera l'objet déclaré. Cet article a discuté de l'appel de fonction comme une méthode en javascript. De plus, la différence entre invoquer la fonction comme une fonction normale et la fonction invoquant une méthode est également démontrée à l'aide d'exemples.