Aufrufen einer Funktion mit einem Funktionskonstruktor in JavaScript

Aufrufen einer Funktion mit einem Funktionskonstruktor in JavaScript
In JavaScript rufen Sie eine Funktion mit einer Funktion an “KonstrukteurUnterscheidet sich vom Aufrufen einer Funktion als “Methode"Und ruft es als" an "FunktionDa es ein neues Objekt erstellt, das die Eigenschaften und Methoden seiner Konstruktorfunktion erbt, und die anderen beiden Methoden nicht die Vererbung enthalten. Stellen Sie daher sicher, dass Sie die richtige Methode verwenden, um die Funktion aufzurufen, um den JavaScript -Code effizient auszuführen.

Dieses Tutorial enthält Syntax und Beispiele für das Aufrufen einer Funktion mit einem Funktionskonstruktor. Es wird auch unterscheiden. So lass uns anfangen!

Aufrufen einer Funktion als Funktionskonstruktor

Im folgenden Beispiel werden wir eine "erstellen"X"Objekt, indem Sie das anrufen"myarg ()Funktionskonstruktor:

Funktion myarg (arg1, arg2)
Das.Radius = arg1;
Das.Höhe = arg2;

var x = neuer Myarg (1,2)
Konsole.log (x);

Die Ausgabe dieses Programms ist unten angegeben:

Das obige Beispiel definierte zuerst eine Funktion “myarg ()”. Danach haben wir eine geschaffen “X"Objekt, indem Sie das anrufen"myarg ()Funktion als Funktionskonstruktor. Der Funktionskonstruktor erbt dann die Eigenschaften der ursprünglichen Funktion. Wir können sehen, dass nur die Werte als Argumente an die “übergeben wurden“myarg ()Funktion, aber die Ausgabe zeigt auch die damit verbundenen Eigenschaften.

Schauen wir uns nun die anderen Methoden zum Aufrufen einer Funktion in JavaScript an.

Aufrufen einer Funktion als Funktion

Es ist unkompliziert, eine Funktion als Funktion in JavaScript aufzurufen. Die Funktion erstellt kein neues Objekt, aber JavaScript erstellt weltweit ein Objekt. Die Funktion gehört immer zur HTML -Seite, die das Standardobjekt der Funktion ist. Wir können eine Funktion aufrufen, indem wir einfach ihren Namen verwenden und die Argumente gemäß den angegebenen Parametern übergeben.

Beispiel: Aufrufen einer Funktion als Funktion

In diesem Beispiel werden wir eine "erstellen"myfunction ()"Mit zwei Parametern"A" Und "B”, Und es wird das Produkt der Werte der bestandenen Argumente zurückgeben:

Funktion myfunktion (a, b)
Rückkehr a * b;

Myfunktion (10, 2); // wird 20 zurückkehren

Aufrufen einer Funktion als Methode

Mit JavaScript können wir auch eine Funktion als Methode aufrufen. Im folgenden Beispiel können wir sehen, dass die Vollname -Methode eine Funktion ist, die zu einem Objekt gehört und “myObjectIst der Funktionsinhaber. Hier das "DasSchlüsselwort wird auch im Code verwendet. Der Wert von "DasIn dieser Methode kehrt MyObject zurück.

Beispiel: Aufrufen einer Funktion als Methode

Im folgenden Beispiel haben wir ein Objekt mit dem Namen "genannt" erstellt “myObject"Zwei Eigenschaften haben"Vorname","Familienname, Nachname" und ein "vollständiger Name" Methode. Der "vollständiger Name"Methode gehört zum" MyObject "und ist eine Funktion.

Um die Methode „FullName ()“ aufzurufen, werden wir sie einfach mit Hilfe von “aufrufenmyObject" auf die folgende Weise:

const myObject =
FirstName: "Alcei",
LastName: "Jhon",
Vollname: function ()
Geben Sie dies zurück.FirstName + "" + dies.Familienname, Nachname;


myObject.vollständiger Name(); // wird "Alice John" zurückgeben

Wie Sie aus der Ausgabe erkennen können, hat die Vollname -Methode Werte von zurückgegeben “Vorname" Und "Familienname, Nachname" Eigenschaften:

Warum verwenden Sie einen Funktionskonstruktor, um eine Funktion aufzurufen??

Die Verwendung anderer aufgerufener Methoden anstelle von Funktionskonstruktoren kann Sicherheits- und leistungsbezogene Probleme verursachen, da andere Methoden dynamische Funktionen erzeugen. Der Funktionskonstruktor hilft dabei, eine Funktion zu erstellen, die nur im globalen Bereich ausgeführt werden kann.

Aufrufen einer Funktion mit einem neuen Funktionskonstruktor

Ein Funktionskonstruktor erfordert ein oder mehrere String -Argumente. Im Gegensatz dazu zeigt das letzte Argument den Körper der Funktion, der aus den zugesetzten JavaScript -Aussagen besteht, die mit Semikolonen getrennt sind.

Beispiel: Aufrufen einer Funktion mit einem neuen Funktionskonstruktor

Das folgende Beispiel zeigt, wie Sie eine Funktion mit einem neuen Funktionskonstruktor aufrufen:






Klicken Sie auf die folgende Schaltfläche, um die Funktion aufzurufen






Notiz

Ein Funktionskonstruktor übergibt niemals ein Argument, das den im Code erstellten Funktionsnamen angibt. Es wird automatisch eine Funktion als anonyme Funktion deklarieren.

Abschluss

In JavaScript ist das Aufrufen einer Funktion mit einem Funktionskonstruktor uncharakteristisch und basiert auf der Vererbung. Dennoch hat diese Methode zum Aufrufen von Funktionen ihre Vorteile und kann sich in bestimmten Situationen nützlich erweisen. In diesem Tutorial wurde das Verfahren zum Aufrufen einer Funktion mit Hilfe des Funktionskonstruktors erörtert. Wir haben auch den Unterschied zwischen Invocing -Funktion als Funktionskonstruktor, der Aufruffunktion als Methode und als Funktion als Funktion mit Hilfe von Beispielen erklärt.