Was ist der Unterschied zwischen Anruf und Binden?

Während verschiedene Funktionen an einer Website oder auf der Webseite angehängt werden, kann die Funktionen auf der Grundlage eines bestimmten Attributs in Beziehung gesetzt werden. Zum Beispiel in Bezug auf identische Inhalte in Bezug auf Code und Funktionalitäten an derselben Stelle. In solchen Situationen das “Forderung()" Und "binden()Methoden in JavaScript unterstützen am Ende des Entwicklers.

In diesem Blog wird der Unterschied zwischen den Methoden call () und bind () in JavaScript erörtert.

Was ist die Unähnlichkeit zwischen CALL () und Bind () Methoden in JavaScript?

In JavaScript die “Forderung()Die Methode ruft eine Methode mit einem Eigentümerobjekt als Argument auf. Es bindet “DasWert für die Funktion und führt dieselbe Funktion aus.

Syntax von Call () Methode in JavaScript

Dokument = Funktion.Rufen Sie an (argn)

In der angegebenen Syntax:

• “Funktion”Bezieht sich auf die Funktion, die ausgeführt wird.
• “ArgnEntspricht den Argumenten, die an die Funktion übergeben werden müssen.

Während die "binden()Die Methode ermöglicht es dem Objekt, eine Methode von einem anderen Objekt abzurufen. Diese Methode bindet “DasWert für die Funktion und gibt eine neue Funktion zurück.

Syntax von Bind () Methode in JavaScript

Funktion.bind (thisArg [, arg1 [, arg2 [,…]]])

In der obigen Syntax:

• “ThisArgIst der Wert der Zielfunktion.
• “Arg1" Und "arg2Sind die Argumente der Funktion.

Beispiel 1: Verwenden Sie die CALL () -Methode in JavaScript?

In diesem Beispiel kann die angegebene Methode verwendet werden, um eine Funktion aufzurufen und ein bestimmtes Objekt damit zuzuordnen:

functionMyFunction ()
zurück "das ist ein einfach" + das.FirstName + "" + dies.Lastname + ".";

const element1 =
FirstName: "Web",
LastName: "Seite"

const element2 =
FirstName: "Web",
Lastname: "Seite"

dokumentieren.GetelementById ("Demo").Innerhtml = MyFunction.Anruf (Element1);

Im obigen Code:

• Zunächst einfügen eine “Element, um die resultierende Ausgabe zu enthalten.
• Definieren Sie nun im JavaScript -Code eine Funktion namens “myfunction ()”.
• In seiner Definition assoziieren Sie Objekt “Das" mit dem "Schlüssel”Von bestimmten Elementen.
• Erstellen Sie danach zwei benannte Objekte “Element1" Und "Element2”, Jeweils in Form von“SchlüsselwertPaare.
• Wenden Sie im nächsten Schritt die anGetElementById ()"Methode zum Zugriff auf die Erstellten"div”.
• Assoziieren Sie auch die “Forderung()Methode mit der angegebenen Funktion. Geben Sie als Parameter das frühere Objekt so weiter, dass die Funktion das bestimmte Objekt aufruft und ihre Eigenschaften angehängt werden.
• Zuletzt benutzen Sie die “Innerhtml”Eigenschaft, um das Ergebnis in der“ anzuzeigendiv”.

Ausgang

In der obigen Ausgabe ist ersichtlich, dass die Funktionen sowohl der Funktion als auch des Objekts angehängt sind.

Beispiel 2: Verwenden Sie die Bind () -Methode in JavaScript?

In diesem Beispiel das “binden()Die Methode kann angewendet werden, um ein bestimmtes Objekt mit dem als Funktion angegebenen Objekt eines bestimmten Objekts zu binden:

const Object1 =
mem1: "html",
Mem2: "CSS",
myfunction: function ()
zurück "das ist" + das.mem1 + "&" + dies.mem2;


const object2 =
Mem1: "JavaScript",
mem2: "jQuery",

Sei Message = Object11.Myfunktion.binden (Object2);
dokumentieren.GetelementById ("Demo").Innerhtml = message ();

Hier in diesen Codezeilen:

• Erstens in HTML -Code die “einbeziehen“”Element mit der angegebenen ID benannt“Demo”.
• Erstellen Sie im JS -Code eine Reihe von Objekten, die benannt sind “Objekt1"Die angegebenen Werte in Form von" haben "SchlüsselwertPaare.
• Beachten Sie, dass "Myfunktion”Bezieht sich auf den Schlüssel des Objekts, und die Funktion wird als Wert definiert.
• In der Funktionsdefinition beziehen Sie sich über die Objektschlüssel über “Das" Objekt.
• Danach erstellen Sie in ähnlicher Weise ein anderes Objekt mit den angegebenen Eigenschaften.
• Beziehen Sie sich nun auf den Schlüssel des zugehörigen Objekts “Myfunktion”Und fügen Sie das an"binden()Methode so, dass das bestimmte Objekt im Parameter der Methode in die Funktion integriert ist.
• Schließlich wenden Sie das an “GetElementById ()”Methode zum Abrufen der“divElement und zeigen das Ergebnis über das “Innerhtml" Eigentum.

Ausgang

Das obige Ergebnis zeigt an, dass die gewünschte Anforderung erfüllt ist.

Abschluss

In JavaScript der Hauptunterschied zwischen den Forderung()" Und "binden()Methoden sind, dass die CALL () -Methode bindet "DasWert für die Funktion und führt die Funktion aus, während die “binden()"Methode bindet"DasWert für die Funktion und gibt eine neue Funktion zurück. In diesem Blog wurden die Kernunterschiede zwischen dem CALL () und den Bindungsmethoden in JavaScript mit Hilfe der Beispiele erörtert.