Wywołując funkcję jako metodę w JavaScript

W JavaScript funkcje można wywołać na różne sposoby. To stwierdzenie może wydawać się dla ciebie niezwykłe, jeśli jesteś początkującym JavaScript i możesz pomyśleć, jak można wywołać funkcję na wiele sposobów? Nie nazywamy tego po prostu? Cóż, drodzy czytelnicy, istnieją cztery różne sposoby wywołania funkcji w JavaScript, aw tym artykule będziemy mówić o Funkcja wywołująca jako metodę w JavaScript.

Przed skoczeniem w kierunku procedury wywoływania funkcji jako metody w JavaScript, po pierwsze, pokażmy, jak wywołać funkcję jako funkcję w JavaScript. Po tym podejściu możesz łatwo znaleźć różnicę między wymienionymi praktykami wywołującymi funkcję. A więc zacznijmy!

Funkcja wywołującego jako funkcję w JavaScript

W JavaScript większość funkcji jest wywoływana lub wywoływana "jako funkcja". Aby pokazać, jak wywołać funkcję JavaScript jako funkcję, utworzymy „Mnovefunfunc ()” które będzie miało dwa parametry, „X” i „Y”. W ciele funkcyjnym pomnożymy wartości przechowywane w parametrach:

funkcja multiplyFunc (x, y)
zwrócić x * y;

Teraz, aby wywołać „MUTLIPLYFUNC ()” Jako funkcja wykonamy linię poniżej i przejdziemy „2” i „6” jako argumenty funkcyjne:

multiplyfunc (2, 6);

Dane wyjściowe powyższego kodu pokazano poniżej:

Ponieważ strona HTML jest domyślnym obiektem globalnym, „Mnovefunfunc ()” Funkcja należy do strony HTML. Okno przeglądarki to obiekt strony w przeglądarce. Więc funkcja „Mnovefunfunc ()” zostanie automatycznie przekonwertowany na funkcję okna.

Wcześniej podane Funkcja mnoflyfunc () i okno.mnoterfunc () pokaże ci to samo wyjście:

funkcja multiplyFunc (x, y)
zwrócić x * y;

okno.multiplyfunc (2, 6);

Jak widać, po zadzwonieniu okno.mnofllyfunc () i mijanie „2” i „6” Jak argumenty, funkcja powróciła „12” jako wyjście:

Funkcja wywołująca jako metodę w JavaScript

W JavaScript funkcja musi być określona jako właściwość obiektu, aby wywołać ją jako metodę. W takim przypadku funkcja JavaScript obejmuje dwa parametry: a "funkcjonować" który należy do określonego obiektu i "Ten" parametr, który jest właścicielem programu JavaScript; Jednak w tej sytuacji będzie przechowywać zadeklarowany obiekt.

W poniższym przykładzie stworzyliśmy "pracownik" Obiekt o dwóch właściwościach, "imię" I "nazwisko", i a „Pełna nazwa” Metoda obiektu. „Pełna nazwa” Metoda należy do "pracownik" obiekt i jest funkcją:

const pracownika =
FirstName: „Jack”,
LastName: „Smith”,
FullName: function ()
Zwróć to.FirstName + "" + to.nazwisko;

Teraz, aby wywołać „FullName ()” Jako metodę wykonamy następujący kod:

pracownik.FullName ();

Metoda FullName () zwróci nazwę pierwszego i ostatniego "pracownik" obiekt, który został określony w ciele funkcji:

Teraz zmienimy ciało funkcji na „Zwróć to” tak, że wyprowadza obiekt właściciela:

const pracownika =
FirstName: „Jack”,
LastName: „Smith”,
FullName: function ()
Zwróć to;

Wywołać FullName () funkcjonować jako "pracownik" Metoda obiektu w następujący sposób:

pracownik.FullName ();

Wyjście poinformuje Cię o właściwościach obiektu pracownika, takich jak imię Nazwisko, i ich wartości. Zauważ, że dla wartości właściwości obiektów FullName, "F" jest zwracany, co wskazuje, że FullName jest funkcją:

Wniosek

Tworząc funkcję właściwości obiektu, możemy wywołać funkcję jako metodę w JavaScript. Gdy zdefiniujesz funkcję JavaScript jako właściwość obiektu, zawiera ona dwa parametry: funkcję należącą do określonego obiektu i ten parametr, który będzie przechowywał zadeklarowany obiekt. Ten zapis omówił funkcję wywołującą jako metodę w JavaScript. Ponadto różnica między funkcją wywoływania jako funkcji normalnej a funkcją wywołującą jako metodę jest również wykazana za pomocą przykładów.