creareapp typescript e angularFunzioni e notazione Arrow Function

La sinatassi abbreviata per inserire delle funzioni anonime all'interno di un'applicazione Angular

Ultimo aggiornamento: 3 giorni fa

Una notazione che verrà spesso utilizzata all'interno del codice di un'applicazione Angular, è quella che prende il nome di "funzione freccia". Quando in JavaScript si devono raggruppare delle istruzioni da far eseguire insieme solo se richiamate esplicitamente, si usano le funzioni. La sintassi di una funzione in JavaScript é:

function mostroarticoli(categoria) {
   // elenco istruzioni sugli articoli
   ....
   return listaarticoli;
}

Abbiamo utilizzato la parola chiave function e poi abbiamo fatto seguire il nome da dare alla funzione. All'interno delle parentesi abbiamo inserito un ipotetico parametro d'ingresso, ma chiaramento potrei passarne più di uno. In molte situazioni - vedi invio/ ricezione di dati remoti via HTTP - la funzione è automaticamente richiamata da un altro pezzo di codice, quindi non sempre è necessario dargli un nome. Per questo motivo è stata inventata una notazione abbreviata, legata a funzioni anonime. In sostanza si omette sia la parola chiave function, che il nome della funzione, e al posto si inserisce il simbolo =>.

Esempio di funzione con la sintassi a "freccia":

(categoria) => {
  return listaarticoli
}

Come vedi è molto simile alla sintassi di una funzione classica, ma sicuramente è più veloce da scrivere in certe situazioni. Qui sotto un elenco di possibili sintassi da utilizzare ad esempio all'interno di un'applicazione Angular:

a) Sintassi con una singola istruzione

In questo caso è possibile omettere le ...

Per continuare la lettura, registrati gratuitamente alla "WebApp StartUniversity" oppure effettua il login.

Novità Amazon

Non farti scappare il mio nuovo libro: "Angular 100% Operativo", in offerta su Amazon. Più di 200 pagine, con tutto il percorso per creare una WebAPP e imparare Angular in un quarto del tempo. Prenotalo cliccando l'immagine qui sotto:

Corso Angular 4 100% Operativo

Ti è servito il breve tutorial? Condividilo ADESSO sui social! Grazie :-)

Categoria:

Voto 4.8/5 basato su 92 Recensioni
© 2013-2018 CreareAPP.com - Tutti i diritti riservati. Tutorial e WebCAMP per creare app in Android e iOS
NB: Tutti i marchi citati sono di proprietà dei rispettivi proprietari. Android is a trademark of Google Inc.