FUNZIONI JAVASCRIPT

FIRST CLASS FUNCTION In questo post parleremo di quelle che sono le caratteristiche fondamentali delle funzioni in Javascript. Ti illustrerò concetti molto importanti come l'astrazione, l'incapsulamento che si usava in ES5 chiamato IIFE, la parola chiave this etc. Traducendo questa definizione per quanto riguarda le funzioni JS vuol dire che tutto quello che possiamo fare con stringhe numeri etc. possiamo farlo con le funzioni. Così come possiamo assegnare una variabile ad un numero, una stringa etc. così possiamo assegnare quella variabile a una funzione. Vediamo un esempio di codice per chiarire questi concetti. [...]

ARGUMENTS, REST AND SPREAD I parametri passati a una funzione sono disponibili anche attraverso l’oggetto arguments, è un oggetto simile ad un array con cui è possibile accedere agli elementi passati in input. Il codice riportato chiarisce questo argomento. PARAMETRI DELLE FUNZIONI Una funzione JavaScript non esegue alcun controllo sui valori dei parametri (argomenti). In precedenza, in questo tutorial, hai appreso che le funzioni possono avere parametri: function functionName(parameter1, parameter2, parameter3) {   // code to be executed } I parametri della funzione sono i nomi elencati nella definizione della funzione. Gli argomenti della funzione sono i valori reali [...]

INVOCAZIONE DI FUNZIONI Il codice all'interno di una funzione JavaScript verrà eseguito quando "qualcosa" lo invoca. Il codice non viene eseguito quando la funzione è definita ma quando la funzione viene richiamata. È comune usare il termine "chiamare una funzione" invece di "richiamare una funzione". È anche comune dire "richiamare una funzione", "avviare una funzione" o "eseguire una funzione". In questo tutorial useremo invoke, perché una funzione JavaScript può essere invocata senza essere chiamata. function myFunction(a, b) {   return a * b; } myFunction(10, 2);           // Will return 20 La funzione sopra non appartiene a nessun oggetto. Ma in JavaScript c'è sempre un [...]

ARROW FUNCTION Le arrow function sono un nuovo tipo di funzioni anonime, introdotte in ES6, hanno una sintassi compatta e facilmente leggibile. Le arrow function sono particolarmente adatte come callback. let myFunction = (a, b) => a * b; Prima delle arrow function si aveva: hello = function() {   return "Hello World!"; } Con le arrow function si ha: hello = () => {   return "Hello World!"; } Si accorcia! Se la funzione ha una sola istruzione e l'istruzione restituisce un valore, puoi rimuovere le parentesi e la parola chiave return: hello = () => "Hello World!"; Nota: funziona solo se la funzione ha [...]

JAVASCRIPT CLOUSURES Le variabili JavaScript possono appartenere all'ambito locale o globale. Esse possono essere rese locali (private) con le closures. VARIABLI GLOBALI Una funzione può accedere a tutte le variabili definite all'interno della funzione, in questo modo: function myFunction() {   let a = 4;   return a * a; } Ma una funzione può anche accedere a variabili definite al di fuori della funzione, come questa: let a = 4; function myFunction() {   return a * a; } Nell'ultimo esempio, a è una variabile globale. In una pagina web, le variabili globali appartengono all'oggetto window. Le variabili globali possono essere utilizzate (e modificate) da tutti gli script nella [...]