Funzioni JavaScript - spiegato con esempi per principianti

Durante la codifica in JavaScript, potremmo aver bisogno di eseguire una determinata azione più volte, E.G., Due numeri. Possiamo farlo ripetutamente nel programma o semplicemente fare una funzione che prende due numeri come input, li aggiunge e restituisce la risposta. Questa funzione può quindi essere chiamata ogni volta che è necessario aggiungere due numeri nel programma.

Quali sono le funzioni:

Le funzioni sono sottoprogrammi in un programma che consiste in blocchi di codice utilizzati per eseguire determinate attività. Generalmente, le funzioni prendono un valore come parametro, elaboralo e quindi restituiscono un output.

Le funzioni ci aiutano a riutilizzare blocchi di codice ed evitare la ripetitività. Possono essere usati per dividere problemi complessi in blocchi più piccoli. Aumentano la leggibilità del codice e riducono le dimensioni poiché le dichiarazioni duplicate vengono sostituite da una singola riga di codice, i.e., Chiama alla funzione.

Tipi di funzioni:

Esistono due diversi tipi di funzioni:

• Funzioni integrate/Funzioni della libreria standard
• Funzioni definite personalizzate/utente

Funzioni integrate

La maggior parte dei linguaggi di programmazione ha funzioni integrate che ci aiutano a eseguire determinate azioni utilizzando una singola riga di codice. Queste azioni richiederebbero altrimenti una codifica complessa. Le funzioni integrate più comuni in JavaScript sono:

• ordinare()
• accordare()
• parseint ()
• isnan ()
• encodeuri ()

Funzione definita dall'utente:

Come suggerisce il nome, queste sono funzioni personalizzate create dall'utente. Gli utenti/programmatori possono creare funzioni personalizzate per un'attività specifica che devono eseguire.

Nota: Useremo la console del browser per dimostrare esempi eseguiti in questo post. Per aprire la console del browser:

• Usa il F12 Chiave in Chrome e in altri browser a base di cromo.
• Utilizzo Ctrl + shift + k tasti di scorciatoia da tastiera per mozilla.
• Utilizzo Opzione + ⌘ + C tasti di scelta rapida della tastiera in safari (se non viene visualizzato il menu degli sviluppatori, quindi apri le preferenze premendo ⌘ +, e in Avanzate Controllo della scheda "Mostra il menu Sviluppa nella barra dei menu").

Come dichiarare una funzione in JavaScript:

Prima di tutto, dobbiamo dichiarare la funzione prima di poter iniziare a usarla. In JavaScript, il funzione La parola chiave viene utilizzata per dichiarare una funzione. È seguito dal nome della funzione insieme ai parametri tra parentesi. I parametri sono opzionali e sono separati dalle virgole.

Dobbiamo quindi definire il corpo della funzione. Possiamo inserire qualsiasi codice in una funzione; Una funzione può avere una singola o più righe di codice a seconda dello scopo di quella particolare funzione.

functionfunction_name (parametro1, parametro2, ..., parametro)

Dichiarazioni;

In questo esempio, dichiareremo e definiremo una funzione che quadra il valore del numero dato:

functionsquare (numero)

let sq = numero * numero;
restituire sq;

Nell'esempio sopra indicato, la funzione piazza prende un numero come parametro. Quindi moltiplica il numero con se stesso e lo memorizza in una variabile denominata Sq. La funzione restituisce quindi il valore presente all'interno della variabile Sq.

IL Sq La variabile è una variabile locale di funzione piazza e non funzionerà al di fuori di questa funzione. Le variabili dichiarate e definite in una funzione sono le variabili locali di quella funzione. D'altra parte, le variabili dichiarate nel programma principale sono variabili globali ed è possibile accedere da qualsiasi luogo del programma.

Ora useremo un altro esempio che richiederà due parametri diversi e li moltiplicheremo:

functionMultiply (numero1, numero2)

letans = numero1 * numero2;
Returnans;

La funzione sopra indicata sta prendendo due numeri diversi come parametri. Li moltiplica quindi tra loro e memorizza il valore nella variabile Ans. Quindi restituisce il valore della variabile Ans a dove veniva chiamato.

Come chiamare una funzione:

Dichiarare e definire una funzione specifica ciò che la funzione farà quando viene chiamata.

Le funzioni possono essere chiamate con i loro nomi insieme ai parametri (separati dalle virgole) nella parentesi. Di seguito è riportato l'esempio della sintassi che può essere utilizzata per chiamare una funzione in JavaScript.

function_name (parametro);

Nell'esempio di seguito, chiameremo la funzione sopra menzionata piazza, E passeremo il numero 5 come parametro ad esso:

quadrato (5);

La funzione quasderà il numero 5 e ritorno 25. Possiamo verificarlo chiamando la funzione all'interno del console.tronco d'albero() metodo:

console.log (quadrato (5));

Se una funzione sta restituendo un valore, restituisce quel valore a dove è stato chiamato. Come visto nell'esempio sopra, quando abbiamo chiamato la funzione all'interno del console.tronco d'albero() Metodo, l'output era 25, che è il valore di ritorno della funzione.

Possiamo usare qualsiasi variabile o numero al posto del parametro. Una funzione può essere chiamata anche dall'interno di qualsiasi altra funzione. Possiamo usare le funzioni come condizioni per Se E ciclo continuo anche dichiarazioni.

Conclusione

Le funzioni sono singoli blocchi di codice scritti per eseguire azioni specifiche. Sono i mattoni più fondamentali di quasi tutti i principali linguaggi di programmazione.

Come accennato in precedenza, tutti i principali linguaggi di programmazione hanno funzioni integrate. Queste funzioni aiutano gli sviluppatori a svolgere attività complesse utilizzando una singola riga di codice. Gli sviluppatori hanno anche la possibilità di scrivere le proprie funzioni in base ai requisiti del loro codice.

In questo post, abbiamo discusso quali sono le funzioni e come dichiararle. Inoltre, abbiamo anche imparato a chiamare le funzioni dichiarate.