Funzioni in JavaScript | Spiegato per i principianti

JavaScript, come qualsiasi altro linguaggio di programmazione, ci offre funzioni molto utili in quanto le funzioni ci danno la possibilità di riutilizzare il nostro codice e il codice diventa pulito I-E meno congestionato con l'implementazione della modularità.

Se sei un principiante in JavaScript, non preoccuparti come in questo post, ti tratterremo e ti accompagneremo passo dopo passo per farti padroneggiare le funzioni in JavaScript.

Cos'è una funzione

Una funzione è una raccolta di istruzioni o comandi avvolti in un blocco, mantenuta e mantenuta separatamente dal programma principale per eseguire un compito specifico. Le funzioni sono molto utili in quanto uno sviluppatore può riutilizzare quel codice ancora e ancora senza la necessità di scrivere l'intero codice di nuovo.

Ora che sappiamo cos'è una funzione, facciamo passare attraverso il sintassi di una funzione:

funzione functionname (argomenti)
// Alcune dichiarazioni o codice
ritorno;

Una funzione viene dichiarata con la parola chiave funzione seguito dal nome della funzione che dovrebbe essere unico ed è una buona pratica seguire la convenzione di denominazione di Camelcase; La prima parola sarà in minuscolo e le parole dopo ciò dovrebbero avere la prima lettera in capitalizzazione E.g myfunctionname. Subito dopo il nome arriva la parentesi () dove vengono ricevuti i parametri. Scriviamo il codice funzione all'interno delle staffe ricci che viene dopo la parentesi (). Tuttavia, va notato che quando si lavora con le classi in JavaScript, le funzioni sono definite senza la parola chiave funzione.

Apriamo e chiudiamo la funzione con parentesi ricci e tutto il codice va all'interno di queste parentesi ricci. La funzione prende input come argomento e restituisce l'output tramite la parola chiave ritorno. Per impostazione predefinita, una funzione in JavaScript ritorna non definito Se non c'è niente da tornare.

Funzione di dichiarazione e chiamata

Dichiariamo una funzione adeguata che mostrerà un avviso di Ciao!

funzione myfunc ()
Avviso ("Ciao!")

Ora che abbiamo dichiarato le funzioni con il nome di myfunc Chiamiamo la funzione che può essere svolta scrivendo il nome della funzione seguita da ():

funzione myfunc ()
Avviso ("Ciao!")

// Funzione di chiamata
myFunc ();

Vedremo il seguente output sul nostro browser:

Esempio 1

Ora che sappiamo come dichiarare e chiamare una funzione, giochiamo con gli argomenti della funzione. In questo esempio, forniremo due argomenti alla funzione e mostreremo la loro somma:

funzione myfunc (num1, num2)
console.log (num1+num2);

// Funzione di chiamata
MyFunc (2,3); // 5
MyFunc (5,5); // 10

Nel codice sopra, in primo luogo, abbiamo dichiarato una funzione e la rispettiva funzione sta ricevendo due parametri. Successivamente, console registro aggiungendo entrambi i numeri. Al di fuori della funzione, abbiamo invocato myfunc due volte fornendo argomenti diversi. Il risultato dell'output è riportato di seguito:

Esempio 2

In questo esempio, cambieremo un po 'il codice sopra fornendo valori predefiniti ai parametri che significano se non è stato fornito alcun valore quando la funzione è stata invocata, quindi il valore predefinito verrà elaborato. Restituiremo anche la somma in questo esempio:

funzione myfunc (num1 = 1, num2 = 1)
restituire num1+num2;

// Funzione di chiamata
var sum = myFunc ();
console.registro (somma); // 2

Il valore restituito viene memorizzato nella somma variabile e console registrare il valore della variabile di somma. Poiché non abbiamo fornito valori quando abbiamo invocato il myfunc funzione quindi la funzione elaborerà i valori predefiniti che erano 1 e 1 la cui somma sarà 2:

Conclusione

Una funzione è una serie di istruzioni messe insieme con un nome specifico all'interno delle parentesi graffe che viene eseguita una volta che chiamiamo il nome della funzione con parentesi rotonde. Una funzione può assumere più argomenti come input e restituire un output. Una funzione aiuta a riutilizzare lo stesso codice e migliora il debug e rende pulito il nostro codice aiutandoci a implementare il concetto di modularità (un compito specifico è all'interno di un blocco).

In questo post, in primo luogo, abbiamo descritto cos'è una funzione e qual è la sua sintassi. Quindi abbiamo dichiarato e chiamato la funzione. Dopodiché, abbiamo fornito esempi per cogliere pienamente il concetto di funzioni in JavaScript.