A Call, Apply és Bind használata JavaScriptben

A JavaScript gyakorlása közben különféle beépített funkciókkal találkozhatott, például tömbökhöz és karakterláncokhoz. Bár ezeket a gyakoribb módszereket használhatja a napi programozási feladatai során, más módszerek is használhatók speciális célokra.

JavaScript hívás(), alkalmaz(), és bind() Néhány ilyen módszer, amelyeknek megvannak a sajátos használati esetei, és gyakran használják JavaScript-ismeretének tesztelésére kódolási interjúk során. Nézzük meg közelebbről, hogyan használhatod őket.

1. hívás()

hívás() lehetővé teszi egy objektumhoz tartozó függvény vagy metódus hozzárendelését és meghívását egy másik objektumhoz. Az objektum értékeire a következővel hivatkozhat ez kulcsszó.

Nézd meg ezt hívás() példa.

legyen obj = {
 név: "János",
 vezetéknév: "Doe",
 getFullName: function(){
 console.log (ez.név+" "+ez.vezetéknév);
 }
}
obj.getFullName();

A tárgy obj nevű függvénye van getFullName() amely kiírja a személy teljes nevét. Most, ha használni akarja getFullName() egy másik objektumhoz, amelynek különböző értékei vannak, ezt a következő használatával teheti meg hívás() funkció.

const obj2 = {
 név: "Jane",
 vezetéknév: "Doe"
 }
obj.getFullName.call (obj2);

Különféle érveket is átadhat a hívás() funkciót az objektummal együtt.

legyen obj = {
 név: "János",
 vezetéknév: "Doe",
 getFullName: függvény (életkor, nem){
 console.log (ez.név+" "+ez.vezetéknév+" "+kor+" "+nem);
}
obj.getFullName.call (obj2, 21, "nő");

2. alkalmaz()

A alkalmaz() funkció hasonlóan működik hívás() funkció. Az egyetlen különbség a hívás() és alkalmaz() A funkció több paramétert is átadhat a tömbben, és használhatja azokat.

Itt van egy alkalmaz() példa:

const obj = {
 név: "János",
 vezetéknév: "Doe",
 getFullName: függvény (életkor, nem){
 console.log (ez.név+" "+ez.vezetéknév+" "+kor+" "+nem);
 }
}
obj.getFullName.apply (obj2, [21, "nő"]);

Összefüggő: JavaScript-tömb módszerek, amelyeket ma el kell sajátítania​​​​​

3. bind()

bind() egy függvény pontos másolatát adja vissza, és egy objektumhoz köti. Ez a módszer egy metódus másolatának kötésére és megőrzésére szolgál, és későbbi felhasználásra. A funkciót bármikor használhatja, amikor csak akarja.

Itt van a bind() példa:

const obj = {
 név: "János",
 vezetéknév: "Jane",
 getFullName: function(){
 console.log (ez.név+ez.vezetéknév);
 }
 }
const obj2 = {
 név: "Jane",
 vezetéknév: "Doe"
 }
let func = obj.getFullName.bind (obj2);
func();

Soha ne hagyja abba a JavaScript tanulását

A hívás(), alkalmaz(), és bind() A függvények fontosak a JavaScript-interjúkra való felkészülés során. A JavaScriptben számtalan más alapfogalom található, amelyeket el kell sajátítania, hogy a lehető leghatékonyabb programozóvá váljon; miért nem kezdünk tömbmódszerekkel?

Unnati Bamania (14 cikk megjelent)

Unnati egy lelkes full stack fejlesztő. Szeret projekteket építeni különféle programozási nyelvek használatával. Szabadidejében szeret gitározni, és rajong a főzésért.

Továbbiak Unnati Bamaniától