Invoquer une fonction avec un constructeur de fonction en javascript

En JavaScript, invoquant une fonction avec une fonction "constructeur"Est différent d'invoquer une fonction de«méthode"Et l'invoquer comme un"fonction«Parce qu'il crée un nouvel objet qui hérite. Assurez-vous donc que vous utilisez la bonne méthode pour invoquer la fonction pour exécuter efficacement le code JavaScript.

Ce tutoriel présente la syntaxe et des exemples d'appel d'une fonction à l'aide d'un constructeur de fonction. Il différenciera également la façon dont la méthode d'appel de constructeur de fonction est différente des deux autres méthodes. Alors, commençons!

Invoquer une fonction en tant que constructeur de fonction

Dans l'exemple suivant, nous créerons un «X"Objet en invoquant le"myarg ()»Constructeur de fonction:

fonction myarg (arg1, arg2)
ce.rayon = arg1;
ce.hauteur = arg2;

var x = nouveau myarg (1,2)
console.log (x);

La sortie de ce programme est donnée ci-dessous:

L'exemple ci-dessus a d'abord défini une fonction "myarg ()". Après cela, nous avons créé un «X"Objet en invoquant le"myarg ()”Fonction comme constructeur de fonction. Le constructeur de fonction héritera alors des propriétés de la fonction d'origine. Nous pouvons voir que seules les valeurs ont été adoptées comme des arguments au «myarg ()”Fonction, mais la sortie montre également les propriétés qui leur sont associées.

Maintenant, consultons les autres méthodes pour invoquer une fonction dans JavaScript.

Invoquer une fonction en fonction

Il est simple d'invoquer une fonction en fonction de JavaScript. La fonction ne crée pas un nouvel objet, mais JavaScript créera globalement un objet. La fonction appartiendra toujours à la page HTML, qui est l'objet par défaut de la fonction. Nous pouvons invoquer une fonction en utilisant simplement son nom et en passant les arguments en fonction des paramètres spécifiés.

Exemple: invoquer une fonction en fonction

Dans cet exemple, nous créerons un «myFunction ()"Avec deux paramètres"un" et "b», Et il renverra le produit des valeurs des arguments passés:

fonction myfunction (a, b)
retourner a * b;

MyFunction (10, 2); // reviendra 20

Invoquer une fonction de méthode

JavaScript nous permet également d'invoquer une fonction de méthode. Dans l'exemple ci-dessous, nous pouvons voir que la méthode FullName est une fonction qui appartient à un objet, et «myobject»Est le propriétaire de la fonction. Ici le "ce»Le mot-clé est également utilisé dans le code. La valeur de "ce«Dans cette méthode, ce que MyObject renvoie.

Exemple: invoquer une fonction de méthode

Dans l'exemple donné ci-dessous, nous avons créé un objet nommé «myobject"Avoir deux propriétés"prénom","nom de famille"Et un"nom et prénom" méthode. Le "nom et prénom«La méthode appartient au« myObject »et est une fonction.

Pour invoquer la méthode «fullName ()», nous l'invoquerons simplement avec l'aide de «myobject"De la manière suivante:

const myobject =
FirstName: "Alcei",
LastName: "Jhon",
fullName: function ()
retourner ceci.FirstName + "" + ceci.nom de famille;


myobject.nom et prénom(); // retournera "Alice John"

Comme vous pouvez le voir sur la sortie, la méthode FullName a renvoyé des valeurs de «prénom" et "nom de famille" propriétés:

Pourquoi utiliser un constructeur de fonction pour invoquer une fonction?

L'utilisation d'autres méthodes d'appel plutôt que des constructeurs de fonction peut provoquer des problèmes liés à la sécurité et aux performances car d'autres méthodes créent des fonctions dynamiques. Le constructeur de fonction aide à créer une fonction qui peut être exécutée dans la portée globale uniquement.

Invoquer une fonction avec un nouveau constructeur de fonction

Un constructeur de fonction nécessite un ou plusieurs arguments de chaîne. En revanche, le dernier argument montrera le corps de la fonction, qui se compose des instructions JavaScript supplémentaires séparées avec des demi-colons.

Exemple: invoquer une fonction avec un nouveau constructeur de fonction

L'exemple suivant montre comment invoquer une fonction avec un nouveau constructeur de fonction:

Cliquez sur le bouton suivant pour appeler la fonction

Note

Un constructeur de fonction ne passera jamais un argument qui spécifie le nom de fonction créé dans le code. Il déclarera automatiquement une fonction comme une fonction anonyme.

Conclusion

En JavaScript, invoquer une fonction avec un constructeur de fonction n'est pas caractacée et il est basé sur l'héritage. Pourtant, cette méthode d'invoquer des fonctions a ses avantages et peut être utile dans certaines situations. Ce tutoriel a discuté de la procédure d'invoquer une fonction à l'aide du constructeur de fonction. Nous avons également expliqué la différence entre invoquer la fonction comme constructeur de fonction, invoquer la fonction comme une méthode et invoquer la fonction en fonction de l'aide d'exemples.