Come chiamare una funzione in JavaScript
Ogni volta che abbiamo bisogno del codice all'interno della funzione da eseguire, effettuano una chiamata e vengono eseguite alcune azioni. In JavaScript ci sono quattro modi attraverso i quali è possibile chiamare una funzione ed eseguire l'azione. In questo articolo discuteremo di come chiamare una funzione in JavaScript e vari modi per chiamarla insieme ad esempi per una migliore dimostrazione.
Chiamare una funzione in JavaScript
In JavaScript ogni volta che chiamiamo una funzione, indipendentemente dal modo in cui viene chiamata, due argomenti "Questo" e il parametri degli argomenti sono passati ad esso che sono impliciti. "Questo"Rappresenta la condizione o il contesto che consentirà l'esecuzione della funzione mentre il parametro degli argomenti è costituito da tutti gli argomenti che vengono passati alla funzione. Di seguito sono riportati i quattro modi in cui le funzioni in JavaScript sono chiamate insieme ad esempi per la tua migliore comprensione.
Chiamare una funzione come "funzione"
Il modo più usato e comune di chiamare qualsiasi funzione in qualsiasi linguaggio di programmazione è definirlo come una funzione stessa. Questo può essere fatto quando si posizionano alcune righe di codice ed esegui tali righe ogni volta che un pulsante viene cliccato, quindi la funzione viene chiamata come "funzione".
Nell'esempio indicato di seguito sul clic del pulsante la funzione viene chiamata direttamente e viene eseguita l'azione:
Fai clic sul pulsante per salutare
Produzione:
Chiamare una funzione come metodo
Un altro modo per chiamare una funzione è come un metodo e in questa funzione è definita come proprietà su un oggetto che viene eseguito avvolgendo la funzione all'interno di un oggetto.
Nell'esempio fornito sotto la funzione "Salutofunc ()"È avvolto all'interno dell'oggetto"Ciao"E abbiamo usato il metodo di sintassi DOT dell'oggetto per chiamare la funzione ogni volta che si fa clic sul pulsante:
Fai clic sul pulsante per i saluti
Produzione:
Chiamare una funzione come costruttore
I costruttori vengono utilizzati per inizializzare uno stato e impostarlo in un oggetto o costruire un oggetto. Chiamare una funzione come costruttore è un modo specializzato attraverso il quale inviamo alcuni input e riceviamo un output diverso per ciascun input.
Nell'esempio seguente gli utenti inseriscono il loro nome in una casella di input e quando fanno clic sul pulsante la funzione "Salutofunc ()"È chiamato e all'interno di quella funzione Il valore della casella di testo di input è ottenuto tramite l'ID assegnato al campo di testo di input. Una nuova istanza dell'oggetto Hello viene creata chiamando la funzione Hello ().
Fai clic sul pulsante per i saluti
La parola chiave "nuovo" mostra che la funzione viene chiamata come costruttore e il valore viene salvato nel saluto variabile che viene successivamente utilizzato per stampare il nome sullo schermo.
Produzione:
Chiamare una funzione tramite call () e applicare ()
Mentre si lavora con le funzioni JavaScript, devi tenere presente che le funzioni possono avere le proprie proprietà e metodi e chiamata() E fare domanda a() Essere i due di questi metodi. Entrambi questi metodi consentono all'utente di impostare il contenuto in cui desidera eseguire la funzione attraverso "Questo" valore.
Nell'esempio seguente vengono archiviate le informazioni di due persone e vengono visualizzate quando il valore viene passato all'interno del metodo call (). Qui il metodo FullName viene chiamato per visualizzare il nome in prima persona.
Produzione:
IL fare domanda a() il metodo viene utilizzato in modo simile per chiamare una funzione ma accetta un array mentre il chiamata() Il metodo accetta un elenco di valori.
const num = [2, 6, 11, 33, 4];const max = matematica.max.applicare (null, num);
console.log (max);
const min = matematica.min.applicare (null, num);
console.log (min);
Produzione:
Conclusione
Le funzioni sono costituite da un codice che viene riutilizzato con input diversi. In JavaScript, le funzioni possono avere le proprie proprietà e metodi e possono essere chiamate in quattro modi diversi. In questo articolo abbiamo discusso di come chiamare una funzione in JavaScript e discusso dei quattro modi insieme all'esempio e al codice. Tutti questi quattro modi sono utili per qualsiasi sviluppatore e mentre lavori con le funzioni dovresti essere consapevole del riferimento di parole chiave "questo" e del suo funzionamento.