Hva er forskjellen mellom samtale og binding?

Mens du legger til forskjellige funksjoner til et nettsted eller websiden, kan det være et krav om å relatere funksjonalitetene basert på et spesifikt attributt. For eksempel relatere identisk innhold når det gjelder kode og funksjonaliteter på samme sted. I slike situasjoner, "anrop()”Og“binde()”Metoder i JavaScript Assist ved utviklerens slutt.

Denne bloggen vil diskutere forskjellen mellom samtalen () og bind () metoder i JavaScript.

Hva er ulikheten mellom call () og bind () metoder i JavaScript?

I JavaScript, "anrop()”Metode påkaller en metode med et eierobjekt som argument. Det binder “dette”Verdi til funksjonen og utfører den samme funksjonen.

Syntaks av call () -metode i JavaScript

Dokument = funksjon.ring (argn)

I den gitte syntaks:

• “funksjon”Refererer til funksjonen som vil bli utført.
• “Argn”Tilsvarer argumentene som må sendes til funksjonen.

Mens “binde()”Metode lar objektet hente en metode fra et annet objekt. Denne metoden binder “dette”Verdi til funksjonen og returnerer en ny funksjon.

Syntaks av bind () -metode i JavaScript

funksjon.bind (thisarg [, arg1 [, arg2 [,…]]))

I syntaks ovenfor:

• “Thisarg”Er den målrettede funksjonens verdi.
• “Arg1”Og“Arg2”Er funksjonens argumenter.

Eksempel 1: Hvordan bruke Call () -metode i JavaScript?

I dette eksemplet kan den uttalte metoden brukes til å påkalle en funksjon og knytte et bestemt objekt med den:

FunctionMyFunction ()
returner "dette er en enkel" + dette.FirstName + "" + dette.LastName + ".";

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

const element2 =
FirstName: "Web",
LastName: "Site"

dokument.getElementById ("Demo").INNERHTML = MYFUNCTION.samtale (element1);

I koden ovenfor:

• For det første, inkluder en "”Element for å inneholde den resulterende utgangen.
• Nå i JavaScript -koden, definerer du en funksjon som heter “MyFunction ()”.
• I sin definisjon, tilknyttet objekt “dette" med "nøkler”Av et bestemt elementer.
• Etter det, lag to objekter som heter “Element1”Og“Element2”, Henholdsvis i form av"nøkkelverdi”Par.
• I neste trinn, bruk "getElementById ()”Metode for å få tilgang til den opprettet”div”.
• Også knytte "anrop()”Metode med den uttalte funksjonen. Som parameter, pass det tidligere objektet slik at funksjonen kaller det aktuelle objektet, og dens egenskaper er vedlagt.
• Til slutt, bruk "indrehtml”Eiendom for å vise utfallet i“div”.

Produksjon

I output kan man se at funksjonalitetene til både funksjonen og objektet er vedlagt.

Eksempel 2: Hvordan bruke Bind () -metode i JavaScript?

I dette eksemplet "binde()”Metode kan brukes for å binde et bestemt objekt med et spesifikt objekts nøkkel spesifisert som en funksjon:

const objekt1 =
MEM1: "HTML",
MEM2: "CSS",
myfunction: funksjon ()
returner "dette er" + dette.Mem1 + "&" + dette.MEM2;


const objekt2 =
MEM1: "JavaScript",
MEM2: "JQuery",

La melding = objekt1.myfunksjon.bind (objekt2);
dokument.getElementById ("Demo").indreHTML = melding ();

Her i denne kodelinjene:

• For det første, i HTML -kode, inkluderer "”Element som har den uttalte ID -en som heter“demo”.
• I JS -koden lager du en rekke objekter som heter “Objekt1”Å ha de uttalte verdiene i form av“nøkkelverdi”Par.
• Noter det "myfunksjon”Henviser til objektets nøkkel, og funksjonen er definert som verdien.
• I funksjonsdefinisjonen, se objekttastene via “dette”Objekt.
• Etter det, på samme måte, opprette et annet objekt som har de uttalte egenskapene.
• Se nå til det tilknyttede objektets nøkkel "myfunksjon”Og fest“binde()”Metode slik at det aktuelle objektet i metodens parameter er integrert med funksjonen.
• Til slutt, bruk "getElementById ()”Metode for å hente“div”Element og vise utfallet via“indrehtml”Eiendom.

Produksjon

Ovennevnte utfall viser at ønsket krav er oppfylt.

Konklusjon

I JavaScript, hovedforskjellen mellom anrop()”Og“binde()”Metoder er at Call () -metoden binder“dette”Verdi til funksjonen og utfører funksjonen, mens“binde()”Metode binder“dette”Verdi til funksjonen og returnerer en ny funksjon. Denne bloggen diskuterte kjerneforskjellene mellom samtalen () og bindingsmetoder i JavaScript ved hjelp av eksemplene.