Call, Apply ja Bind käyttäminen JavaScriptissä

Olet ehkä törmännyt erilaisiin sisäänrakennetuihin toimintoihin, kuten taulukoihin ja merkkijonoihin, kun harjoitat JavaScriptiä. Vaikka saatat käyttää näitä yleisempiä menetelmiä päivittäisissä ohjelmointitehtävissäsi, muita menetelmiä voidaan käyttää erityistarkoituksiin.

JavaScriptin soittaa puhelimella(), Käytä(), ja sitoa() ovat joitain sellaisia ​​​​menetelmiä, joilla on erityisiä käyttötapauksia ja joita käytetään usein testaamaan JavaScript-tietosi koodaushaastatteluissa. Katsotaanpa tarkemmin, kuinka voit käyttää niitä.

1. soittaa puhelimella()

soittaa puhelimella() mahdollistaa yhteen objektiin kuuluvan funktion tai menetelmän määrittämisen ja kutsumisen toiselle objektille. Voit viitata kohteen arvoihin käyttämällä Tämä avainsana.

Katso tämä soittaa puhelimella() esimerkki.

anna obj = {
 nimi: "John",
 sukunimi: "Doe",
 getFullName: function(){
 console.log (this.name+" "+this.sukunimi);
 }
}
obj.getFullName();

Objekti obj on toiminto nimeltä getFullName() joka tulostaa henkilön koko nimen. Nyt jos haluat käyttää getFullName() eri objektilla, jolla on eri arvot, voit tehdä sen käyttämällä soittaa puhelimella() toiminto.

const obj2 = {
 nimi: "Jane",
 sukunimi: "Doe"
 }
obj.getFullName.call (obj2);

Voit myös välittää erilaisia ​​argumentteja soittaa puhelimella() toimivat kohteen mukana.

anna obj = {
 nimi: "John",
 sukunimi: "Doe",
 getFullName: toiminto (ikä, sukupuoli){
 console.log (this.name+" "+this.sukunimi+" "+ikä+" "+sukupuoli);
}
obj.getFullName.call (obj2, 21, "nainen");

2. Käytä()

The Käytä() toiminto toimii samalla tavalla kuin soittaa puhelimella() toiminto. Ainoa ero soittaa puhelimella() ja Käytä() funktio on, että voit välittää useita parametreja taulukossa ja käyttää niitä.

Tässä on an Käytä() esimerkki:

const obj = {
 nimi: "John",
 sukunimi: "Doe",
 getFullName: toiminto (ikä, sukupuoli){
 console.log (this.name+" "+this.sukunimi+" "+ikä+" "+sukupuoli);
 }
}
obj.getFullName.apply (obj2, [21, "nainen"]);

Aiheeseen liittyvä: JavaScript-taulukkomenetelmät, jotka sinun pitäisi hallita tänään​​​​​

3. sitoa()

sitoa() palauttaa funktion tarkan kopion ja sitoo sen objektiin. Tätä menetelmää käytetään menetelmän kopion sitomiseen ja säilyttämiseen ja sen käyttämiseen myöhemmin. Voit käyttää toimintoa milloin tahansa kutsumalla sitä.

Tässä on a sitoa() esimerkki:

const obj = {
 nimi: "John",
 sukunimi: "Jane",
 getFullName: function(){
 console.log (tämä.nimi+tämä.sukunimi);
 }
 }
const obj2 = {
 nimi: "Jane",
 sukunimi: "Doe"
 }
anna func = obj.getFullName.bind (obj2);
func();

Älä koskaan lopeta JavaScriptin oppimista

The soittaa puhelimella(), Käytä(), ja sitoa() toiminnot ovat tärkeitä JavaScript-haastatteluihin valmistautuessa. JavaScriptissä on lukemattomia muita ydinkonsepteja, jotka sinun tulee hallita tullaksesi tehokkaimmaksi ohjelmoijaksi. miksi et aloita array-menetelmillä?

Unnati Bamania (14 artikkelia julkaistu)

Unnati on innostunut full stack -kehittäjä. Hän rakastaa rakentaa projekteja eri ohjelmointikielillä. Vapaa-ajallaan hän rakastaa kitaran soittoa ja on ruoanlaitto-ihminen.

Lisää Unnati Bamaniasta