Jak korzystać z funkcji Call, Apply i Bind w JavaScript

Ćwicząc JavaScript, możesz natknąć się na różne wbudowane funkcje, takie jak tablice i łańcuchy. Chociaż możesz używać tych bardziej powszechnych metod w codziennych zadaniach programistycznych, inne metody mogą być używane do specjalnych celów.

JavaScript połączenie(), zastosować(), oraz wiązać() są takie metody, które mają swoje specjalne przypadki użycia i są często używane do sprawdzania Twojej wiedzy o JavaScript podczas wywiadów dotyczących kodowania. Przyjrzyjmy się bliżej, jak możesz z nich korzystać.

1. połączenie()

połączenie() umożliwia przypisanie i wywołanie funkcji lub metody należącej do jednego obiektu dla innego obiektu. Możesz odwołać się do wartości obiektu za pomocą ten słowo kluczowe.

Sprawdź to połączenie() przykład.

niech obj = {
 imię:"Jan",
 nazwisko:"Kowalski",





instagram viewer


 pobierzPełnąNazwę: function(){
 console.log (to.imię+" "+to.nazwisko);
 }
}
obj.pobierzPełnaNazwę();

Obiekt obiekt ma funkcję o nazwie pobierzPełnąNazwę() które drukuje pełne imię i nazwisko osoby. Teraz, jeśli chcesz użyć pobierzPełnąNazwę() z innym obiektem, który ma różne wartości, możesz to zrobić za pomocą połączenie() funkcjonować.

const obj2 = {
 imię:"Jane",
 nazwisko:"Kowalski"
 }
obj.getFullName.call (obj2);

Możesz również przekazać różne argumenty w połączenie() funkcjonować wraz z obiektem.

niech obj = {
 imię:"Jan",
 nazwisko:"Kowalski",
 getFullName: function (wiek, płeć){
 console.log (to.imię+" "+to.nazwisko+" "+wiek+" "+płeć);
}
obj.getFullName.call (obj2, 21, "kobieta");

2. zastosować()

ten zastosować() funkcja działa podobnie do połączenie() funkcjonować. Jedyna różnica między połączenie() oraz zastosować() Funkcja polega na tym, że możesz przekazywać wiele parametrów w tablicy i używać ich.

Oto zastosować() przykład:

const obj = {
 imię:"Jan",
 nazwisko:"Kowalski",
 getFullName: function (wiek, płeć){
 console.log (to.imię+" "+to.nazwisko+" "+wiek+" "+płeć);
 }
}
obj.getFullName.apply (obj2, [21, "kobieta"]);

Związane z: Metody tablic JavaScript, które powinieneś opanować dzisiaj​​​​​

3. wiązać()

wiązać() zwraca dokładną kopię funkcji i wiąże ją z obiektem. Ta metoda służy do wiązania i przechowywania kopii metody i późniejszego jej wykorzystania. Możesz korzystać z funkcji w dowolnym momencie, wywołując ją.

Tutaj jest wiązać() przykład:

const obj = {
 imię:"Jan",
 nazwisko:"Jane",
 pobierzPełnąNazwę: function(){
 console.log (to.imię+to.nazwisko);
 }
 }
const obj2 = {
 imię:"Jane",
 nazwisko:"Kowalski"
 }
let func = obj.getFullName.bind (obj2);
func();

Nigdy nie przestawaj uczyć się JavaScript

ten połączenie(), zastosować(), oraz wiązać() funkcje są ważne, jeśli chodzi o przygotowanie do rozmów kwalifikacyjnych JavaScript. Istnieje mnóstwo innych podstawowych pojęć w JavaScript, które powinieneś opanować, aby stać się najbardziej wydajnym programistą, jakim możesz być; dlaczego nie zacząć od metod tablicowych?

Unnati Bamania (14 opublikowanych artykułów)

Unnati to entuzjastyczny programista full stack. Uwielbia budować projekty w różnych językach programowania. W wolnym czasie uwielbia grać na gitarze i jest entuzjastką gotowania.

Więcej od Unnati Bamania