Set 15, 2017 · 4 min leggere

anche Se ES6 specifica non è super-fresco, credo che molti sviluppatori sono ancora di non saltare familiarità con esso., Il motivo principale è probabilmente scarso supporto nei browser Web subito dopo il rilascio delle specifiche. Attualmente, la specifica ha più di 2 anni e molti browser Web moderni funzionano bene con ES6. Anche se tu (o i tuoi clienti) non usi la versione più recente del browser Web, puoi usare transpilers (come Babel), che trasforma le origini ES6 in fonti ES5 durante il processo di compilazione dell’applicazione. Significa che è giunto il momento di fare un passo avanti e imparare ES6.

In questo articolo, cercherò di introdurre le funzionalità più utili in modo succinto., Dopo il tutorial, si possiede competenze di base ed essere in grado di applicarle in un vero e proprio progetto. Non trattarlo come una guida o documentazione. Il mio obiettivo è quello di incoraggiarvi a scavare più a fondo e acquisire familiarità con ES6.

const e let parole chiave

const consente di definire costanti (finalmente!). let consente di definire le variabili. È fantastico, ma non abbiamo già variabili in JavaScript? Sì, è vero, ma le variabili dichiarate da var hanno un ambito di funzione e vengono issate verso l’alto. Significa che una variabile può essere utilizzata prima che sia stata dichiarata., lasciate che le variabili e le costanti abbiano un ambito di blocco (circondato da {}) e non possano essere utilizzate prima della dichiarazione.

Funzioni helper Array

Sono apparse nuove funzioni helper cool, che facilitano il lavoro con gli array JS nella maggior parte dei casi utili. Quante volte hai implementato la logica come: filtraggio, controllo se uno o tutti gli elementi soddisfano la condizione o la conversione degli elementi? Probabilmente molto spesso. Ora hai grandi caratteristiche linguistiche per fare il lavoro per te., Qui, a mio parere, sono le funzioni più preziose:

forEach

Esegue la funzione fornita per ogni elemento dell’array, passando l’elemento dell’array come argomento.

map

Crea un nuovo array contenente lo stesso numero di elementi, ma gli elementi di output vengono creati dalla funzione fornita. Converte semplicemente ogni elemento dell’array in qualcos’altro.,

filtro

Crea un nuovo array contenente un sottoinsieme dell’array originale. Il risultato ha questi elementi che superano il test implementato dalla funzione fornita, che dovrebbe restituire true o false.

trova

Trova il primo elemento che supera il test implementato dalla funzione fornita, che dovrebbe restituire true o false.,

ogni

controlla se ogni elemento dell’array supera il test implementato dalla funzione fornita, che dovrebbe restituire true o false.

alcuni

controllano se qualsiasi elemento dell’array supera il test implementato dalla funzione fornita, che dovrebbe restituire true o false.,

reduce

Applica una funzione passata come primo parametro contro un accumulatore e ogni elemento dell’array (da sinistra a destra), riducendolo così ad un singolo valore. Il valore iniziale dell’accumulatore dovrebbe essere fornito come secondo parametro della funzione di riduzione.