Metoda wywołania JavaScript

"dzwonić()”Jest predefiniowaną metodą JavaScript, która jest stosowana do wywoływania metod różnych obiektów. Metoda JavaScript Call () jest wywoływana podczas przyjmowania właściciela obiektu jako argumentu. W tej sytuacji „Ten„Słowo kluczowe odnosi się do obiektu lub właściciela, do którego należy metoda. W JavaScript wszystkie funkcje są uważane za metody obiektu, a jeśli tak nie jest, funkcja zostanie wykorzystana jako obiekt globalny.

W tym spisie omówi metodę JavaScript Call (). Ponadto pokażemy również, jak użyć metody JavaScript Call () do łączenia konstruktorów obiektów i pożyczania funkcji za pomocą przykładów. A więc zacznijmy!

Metoda JavaScript Call ()

Normalna funkcja jest uważana za instancję „Funkcjonować" typ. Na przykład utworzyliśmy funkcję przykładową display (), która będzie miała jakiś kod w swoim ciele:

funkcja wyświetlacza ()
// Ciało funkcji

Teraz sprawdź związek między funkcją display () a „Funkcjonować„Wykonując poniżej„ poniżej ”konsola.dziennik()”Funkcja. Powróci „PRAWDA”, Jak nasza funkcja zdefiniowana () jest instancją„Funkcjonować" typ:

konsola.log (pokazuj funkcję instancji);

Składnia metody JavaScript Call ()

W JavaScript „The„Funkcjonować„Typ zawiera metodę”dzwonić()”, Który ma następującą składnię:

Nazwa funkcji.Wezwanie (Thisarg, Arg1, Arg2,…);

Jak widać w składni, „dzwonić()„Metoda wywoła funkcję”Nazwa funkcji". Pierwszy argument „”Thisarg„Metoda wywołania reprezentuje„Ten„Wartość, a także pozwala ustawić wartość„Ten”Do określonego obiektu. Pozostałe argumenty, takie jak „Arg1”,„Arg2”… Mogą być normalnymi argumentami utworzonej funkcji.

Przykład 1: Za pomocą metody JavaScript Call ()

Po zdefiniowaniu funkcji w JavaScript musimy ją wywołać, aby mogła wykonywać dodatkowe operacje. W tej sytuacji, gdy wywoływana jest funkcja utworzona, funkcja JavaScript wywołuje metodę Call () dla tej funkcji.

Na przykład stworzyliśmy displayfunc () który wyświetli ciąg „To jest Linuxhint.com„W oknie konsoli:

funkcja displayfunc ()
konsola.log („to jest Linuxhint.com ');

Teraz wywołamy nasze displayfunc () funkcja za pomocą nazwy funkcji:

displayfunc ();

Pokaże następujące dane wyjściowe:

Wywołując funkcja displayfunc () lub wywołując Metoda call () dla funkcja displayfunc () pokaże to samo wyjście:

DisplayFunc.dzwonić();

Wewnątrz funkcji „Ten„Wartość jest domyślnie ustawiona na obiekt globalny, czyli„ to ”światowy”W węźle.JS i „okno„W przeglądarkach internetowych. Wykonanie poniżej podanej funkcji pomoże ci zrozumieć tę koncepcję:

funkcja displayfunc ()
konsola.log (this);

Po wezwaniu displayfunc (), wartość "Ten”, Który jest ustawiony na„okno„Obiekt zostanie zwrócony:

displayfunc ();

Przykład 2: Za pomocą metody JavaScript Call ()

Przede wszystkim stworzymy „suma()”Funkcja z parametrami„X" I "y". Wewnątrz ciała „suma()„Funkcja dodamy kod, aby zwrócić dodanie przekazanych argumentów:

funkcja sum (x, y)
zwrócić x + y;

Teraz zamiast nazywać „suma()„Funkcja bezpośrednio, wykorzystaliśmy„dzwonić()„Metoda wywołania naszego stworzonego”suma()”Funkcja. W tym przypadku wartość „Ten”Zostanie ustawione na obiekt globalny:

Niech wynik = suma.zadzwoń (to, 89, 98);
konsola.log (wynik);

Spójrz na podany przykład i jego wyjście:

Przykład 3: Korzystanie z funkcji JavaScript Call ()

W tym przykładzie najpierw utworzymy „Powitanie" zmienny:

var fiting = „hello”;

Następnie zdefiniujemy „wiadomość„Obiekt o właściwości o nazwie”Powitanie”:

var message =
Powitanie: „Cześć”

Po zrobieniu tego stworzymy „Witamy()”Funkcja. W środku "Witamy()„Funkcja będziemy odnosić się do„Powitanie„Zmienna z„Ten" wartość:

Funkcja Welcome (Nazwa)
konsola.Log (to.Pozdrowienie + „ + nazwa);

Teraz, jeśli wywołamy „Witamy()”Wiadomość podczas przekazywania„Ten" I 'Ocena„Jako argumenty pokaże poniżej wyniki:

Witamy.Zadzwoń (to, „Mark”);

W drugiej sprawie możesz również wywołać „Witamy()”Funkcja z„dzwonić()„Metoda podczas przekazywania„wiadomość„Obiekt jako wartość„Ten”:

Witamy.Call (wiadomość, „Mark”);

Po tym zobaczysz ciąg „cześć Mark”Jako wyjście:

Konstruktory obiektów łączenia przy użyciu metody JavaScript Call ()

Możesz także użyć metody Call () do łańcucha konstruktorów obiektów. Nie wiem, jak to zrobić? Sprawdź poniższy przykład.

Przykład: Konstruktory obiektów łączenia przy użyciu metody JavaScript Call ()

Aby pokazać, jak łączyć konstruktory obiektów za pomocą „dzwonić()”Metoda, po pierwsze, tworzymy funkcję Object () o dwóch parametrach długości i szerokości:

obiekt funkcji (długość, szerokość)
Ten.długość = długość;
Ten.szerokość = szerokość;

Następnie stworzymy kolejny „Widget ()”Funkcja obejmująca trzy parametry: długość, szerokość i kolor. Do przypisania wartości do „długość" I "szerokość„Zmienna, wywołamy funkcję Object () metodą Call (). Dla "kolor„Zmienna, jego wartość zostanie przypisana w ramach„Widget ()”Funkcja:

funkcja widget (długość, szerokość, kolor)
obiekt.zadzwoń (that, długość, szerokość);
Ten.kolor = kolor;

Teraz stworzymy nowy „Widżet„Obiekt o długości”90”, Szerokość„70”, I kolor jako„niebieski”Wartości:

niech widget = nowy widget (90,70, „niebieski”);
konsola.log (widżet);

Sprawdź dane wyjściowe powyższego przykładu:

Pożyczanie funkcji za pomocą metody JavaScript Call ()

Pożyczanie funkcji to koncepcja, w której obiekt wykorzystuje metodę innego obiektu. W tej sekcji pokazuje procedurę pożyczania funkcji za pomocą metody JavaScript Call ().

Przykład: Pożyczanie funkcji za pomocą metody JavaScript Call ()

Aby wyjaśnić pożyczenie funkcji, pierwszą rzeczą, którą musimy zrobić, jest utworzenie dwóch obiektów i zdefiniowanie niektórych funkcji dla każdego z nich. Aby to zrobić, dodamy „rower„Obiekt, mając„nazwa„Własność i trzy proste metody: start (), szybkie () i stop ():

const rower =
Nazwa: „Rower”,
start: function ()
konsola.log („Rozpocznij” + to.nazwa);
,
SpeedUp: function ()
konsola.log („przyspiesz swój” + to.nazwa)
,
stop: function ()
konsola.log („zatrzymaj” + to.nazwa);

;

Po zrobieniu tego stworzymy inny obiekt „”samolot”, Które zawierają„nazwa„Nieruchomość i„latać”Funkcja:

Const Airplane =
Nazwa: „Samolot”,
Fly: function ()
konsola.log („lataj samolotem”);

;

Teraz użyjemy metody „call ()” do wywoływania „początek„Metoda„rower„Obiekt na„ „samolot" obiekt:

rower.początek.Call (samolot);

Jak widać z wyjścia, które pomyślnie pożyczyliśmy metodę obiektu rowerowego dla obiektu samolotu:

Wniosek

W JavaScript Call () to wbudowana metoda, którą można użyć do wywołania metody lub funkcji obiektu jako jego pierwszego parametru. Możesz także użyć metody JavaScript Call () z obiektem do użycia metody należącej do innego obiektu. W tym spisie omówiono metodę JavaScript Call (). Ponadto wykazaliśmy również użycie metody JavaScript Call () do łączenia konstruktorów obiektów i pożyczania funkcji za pomocą przykładów.