Metodo di chiamata JavaScript

"chiamata()"È un metodo JavaScript predefinito che viene utilizzato per chiamare i metodi di vari oggetti. Il metodo JavaScript Call () viene invocato durante l'assunzione del proprietario dell'oggetto come argomento. In questa situazione, il "Questo"La parola chiave si riferisce all'oggetto o al proprietario a cui appartiene il metodo. In JavaScript, tutte le funzioni sono considerate metodi di oggetti e, se non è così, la funzione verrà utilizzata come oggetto globale.

Questo articolo discuterà del metodo JavaScript Call (). Inoltre, dimostreremo anche come utilizzare il metodo JavaScript Call () per incatenare i costruttori di oggetti e prendere in prestito con l'aiuto di esempi. Quindi iniziamo!

Metodo JavaScript Call ()

Una funzione normale è considerata come un'istanza del "Funzione" tipo. Ad esempio, abbiamo creato una funzione di visualizzazione () che avrà un codice nel suo corpo:

Display funzione ()
// corpo della funzione

Ora, controlla l'associazione tra la funzione Display () e il “Funzione"Eseguendo il sottoto"console.tronco d'albero()" funzione. Tornerà "VERO", Poiché la nostra funzione Display () definita è un'istanza di"Funzione" tipo:

console.registro (mostra l'istanza della funzione);

Sintassi del metodo JavaScript Call ()

In JavaScript, il "FunzioneIl tipo "comprende un metodo"chiamata()"Che ha la seguente sintassi:

funzione function.Chiama (thyarg, arg1, arg2, ...);

Come puoi vedere nella sintassi, il "chiamata()"Il metodo invocherà la funzione"funzione function". Il primo argomento, "thyarg"Del metodo di chiamata, rappresenta"Questo"Valore e consente anche di impostare il valore di"Questo"A un oggetto specificato. Gli argomenti rimanenti, come "arg1","arg2"... possono essere gli argomenti normali della funzione creata.

Esempio 1: utilizzando il metodo JavaScript Call ()

Dopo aver definito una funzione in JavaScript, dobbiamo invocarla in modo che possa eseguire le operazioni aggiunte. In questa situazione, quando viene chiamata la funzione creata, la funzione JavaScript invoca il metodo call () per quella funzione.

Ad esempio, abbiamo creato un displayfunc () che visualizzerà una stringa "Questo è Linuxhint.com"Nella finestra della console:

funzione displayfunc ()
console.log ('Questo è linuxhint.com ');

Ora invoceremo il nostro displayfunc () funzione usando il nome della funzione:

displayFunc ();

Ti mostrerà il seguente output:

Invocando il DisplayFunc () funzione o invocare il Metodo Call () per il DisplayFunc () funzione Mostrerà lo stesso output:

DisplayFunc.chiamata();

All'interno di una funzione, "Questo"Il valore è impostato sull'oggetto globale per impostazione predefinita, che è"globale"Sul nodo.js e "finestra"Sui browser Web. L'esecuzione della funzione di seguito donata ti aiuterà a capire questo concetto:

funzione displayfunc ()
console.log (questo);

Dopo aver chiamato il displayfunc (), il valore di "Questo"Che è impostato su"finestra"Oggetto, verrà restituito:

displayFunc ();

Esempio 2: usando il metodo javascript call ()

Prima di tutto, creeremo un "somma()"Funzione con i parametri"X" E "y". All'interno del corpo del "somma()"Funzione, aggiungeremo il codice per restituire l'aggiunta degli argomenti passati:

Function Sum (x, y)
restituire x + y;

Ora, invece di chiamare il "somma()"Funzione direttamente, abbiamo utilizzato il"chiamata()"Metodo per invocare il nostro creato"somma()" funzione. Qui, in questo caso, il valore di "Questo"Sarà impostato sull'oggetto globale:

Sia risultato = somma.Chiama (questo, 89, 98);
console.registro (risultato);

Dai un'occhiata all'esempio fornito e al suo output:

Esempio 3: usando la funzione javascript call ()

In questo esempio, in primo luogo, creeremo un "saluto"Variabile:

var saluto = 'ciao';

Successivamente, definiremo un "Messaggio"Oggetto con una proprietà denominata"saluto":

var message =
Saluto: 'ciao'

Dopo averlo fatto, creeremo un "Benvenuto()" funzione. Dentro il "Benvenuto()"Funzione, ci faremo riferimento a"saluto"Variabile con"Questo" valore:

funzione welcome (name)
console.registro (questo.saluto + " + nome);

Ora, se invochiamo il "Benvenuto()"Messaggio durante il passaggio"Questo" E 'Segno'Come argomenti, mostrerà l'output di seguito:

Benvenuto.Chiama (questo, 'mark');

Nell'altro caso, puoi anche invocare il "Benvenuto()Funzione "con il"chiamata()Metodo "mentre passa il"Messaggio"Oggetto come il valore di"Questo":

Benvenuto.call (messaggio, 'mark');

Dopo averlo fatto, vedrai una stringa "Ciao Mark"Come output:

Contagando i costruttori di oggetti usando il metodo JavaScript Call ()

È inoltre possibile utilizzare il metodo call () per incatenare i costruttori di oggetti. Non so come farlo? Dai un'occhiata al seguente esempio.

Esempio: costruttori di oggetti con catena usando il metodo JavaScript Call ()

Per mostrarti come incatenare i costruttori di oggetti usando il "chiamata()"Metodo, in primo luogo, creiamo una funzione Object () con lunghezza e larghezza di due parametri:

Oggetto funzione (lunghezza, larghezza)
Questo.lunghezza = lunghezza;
Questo.Larghezza = larghezza;

Successivamente, ne creeremo un altro "Aggeggio()"Funzione che comprende tre parametri: lunghezza, ampiezza e colore. Per assegnare il valore al "lunghezza" E "Larghezza"Variabile, invocheremo la funzione Object () con il metodo Call (). Per il "colore"Variabile, il suo valore verrà assegnato all'interno del"Aggeggio()" funzione:

Widget funzione (lunghezza, ampiezza, colore)
oggetto.Chiama (questa, lunghezza, ampiezza);
Questo.colore = colore;

Ora creeremo un nuovo "aggeggio"Oggetto che ha una lunghezza"90", Ampiezza"70”, E colore come"blu" valori:

let widget = new widget (90,70, 'blu');
console.log (widget);

Dai un'occhiata all'output dell'esempio sopra offerto:

Prendendo in prestito con il metodo JavaScript Call ()

Il prestito della funzione è un concetto in cui un oggetto utilizza il metodo di un altro oggetto. Questa sezione dimostrerà la procedura di prestito della funzione utilizzando il metodo JavaScript Call ().

Esempio: prestito della funzione usando il metodo javascript call ()

Per spiegare il prestito della funzione, la prima cosa che dobbiamo fare è creare due oggetti e definire alcune funzioni per ciascuno di essi. Per farlo, aggiungeremo un "bicicletta"Oggetto, con un"nome"Proprietà e tre semplici metodi: start (), speedUp () e stop ():

const bike =
Nome: 'Bike',
start: function ()
console.log ('Inizia il tuo' + questo.nome);
,
SpeedUp: function ()
console.registro ('accelera up your' + questo.nome)
,
stop: function ()
console.log ('smetty your' + this.nome);

;

Dopo averlo fatto, creeremo un altro oggetto, "aereo"Che contengono un"nome"Proprietà e un"volare" funzione:

const aereo =
Nome: "Airplane",
fly: function ()
console.log ("vola il tuo aereo");

;

Ora useremo il metodo "Call ()" per invocare il "inizioMetodo del "bicicletta”Oggetto su"aereo"Oggetto:

bicicletta.inizio.Chiama (aereo);

Come puoi vedere dall'output che abbiamo preso con successo il metodo dell'oggetto bici per l'oggetto aereo:

Conclusione

In JavaScript, Call () è un metodo integrato che può essere utilizzato per invocare il metodo o la funzione di un oggetto come primo parametro. Puoi anche utilizzare il metodo JavaScript Call () con un oggetto per l'utilizzo di un metodo che appartiene a un altro oggetto. Questo articolo ha discusso del metodo JavaScript (). Inoltre, abbiamo anche dimostrato l'uso del metodo JavaScript Call () per incatenare i costruttori di oggetti e prendere in prestito con l'aiuto di esempi.