ECMAScript 2015-ES6 (Italiano)
ECMAScript 6 è stata la seconda revisione importante di JavaScript.
ECMAScript 6 è anche conosciuto come ES6 e ECMAScript 2015,
Questo capitolo descrive le caratteristiche più importanti di ES6.,5ad79ce91″>
JavaScript let
The let keyword allows you to declare a variable with block scope.,
Esempio
// Qui x è 10
{
let x = 2;
// Qui x è 2
}
//Qui x è 10
Provalo tu stesso ”
Leggi di più su let nel capitolo: JavaScript Let.
JavaScript const
La parola chiaveconst consente di dichiarare una costante (una variabile JavaScript con un valore costante).
Le costanti sono simili alle variabili let, tranne per il fatto che il valore non può essere modificato.,
Esempio
// Qui x è 10
{
const x = 2;
// Qui x è 2
}
//Qui x è 10
Provalo tu stesso ”
Leggi di più su const nel capitolo: JavaScript Const.
Funzioni freccia
Funzioni freccia consente una breve sintassi per la scrittura di espressioni di funzione.
Non hai bisogno della parola chiave function, della parola chiave return e delle parentesi graffe.,
Esempio
var x = function(x, y) {
return x * y;
}
// ES6
const x = (x, y) => x * y;
Provate voi Stessi ”
Freccia funzioni non hanno un proprio this.Non sono adatti per la definizione di metodi oggetto.
Le funzioni freccia non vengono issate. Devono essere definiti prima di essere utilizzati.
Usare const è più sicuro che usare var, perché un’espressione di funzione è sempre un valore costante.,
È possibile omettere la parola chiave return e le parentesi graffe solo se la funzione è una singola istruzione. Per questo motivo, potrebbe essere una buona abitudine tenerli sempre:
Esempio
Provalo tu stesso ”
Scopri di più sulle funzioni freccia nel capitolo: JavaScript Arrow Function.
Il ciclo For/Of
L’istruzione JavaScriptfor/of scorre attraverso i valori di un oggetto iterabile.,
for/of consente di eseguire il loop su strutture dati iterabili come array, stringhe, mappe, NODELIST e altro ancora.
for/of loop ha la seguente sintassi:
// codice blocco da eseguire
}
variabile Per ogni iterazione il valore della proprietà successiva viene assegnato alla variabile. La variabile può essere dichiarata conconst,let, ovar.
iterable – Un oggetto che ha proprietà iterabili.,
Looping su un Array
Esempio
var x;
for (x of cars) {
document.write(x + “<br >”);
}
Provate voi Stessi ”
Loop su una Stringa
Esempio
var x;
per (x txt) {
documento.write(x + “<br >”);
}
Provate voi stessi ”
Per saperne di più nel capitolo: Ciclo JavaScript per/In/Di.,
Classi JavaScript
Le classi JavaScript sono modelli per Oggetti JavaScript.
Utilizzare la parola chiaveclass per creare una classe.
Aggiungi sempre un metodo chiamatoconstructor():
Sintassi
constructor() { … }
}
Esempio
costruttore (nome, anno) {
this.name = nome;
questo.year = year;
}
}
L’esempio precedente crea una classe denominata “Car”.
La classe ha due proprietà iniziali:” nome “e”anno”.,
Una classe JavaScript non è un oggetto.
È un modello per oggetti JavaScript.
Usando una classe
Quando hai una classe, puoi usare la classe per creare oggetti:
Esempio
lascia myCar2 = new Car(“Audi”, 2019);
Provalo tu stesso “
Per saperne di più informazioni sulle classi nel capitolo: Classi JavaScript.
JavaScript Promises
Una promessa è un oggetto JavaScript che collega “Produrre codice” e “Consumare codice”.,
” Produrre codice “può richiedere del tempo e” Consumare codice ” deve attendere il risultato.
Scopri di più sulle promesse nel capitolo: JavaScript Promises.
Il tipo di simbolo
Un simbolo JavaScript è un tipo di dati primitivo proprio come Numero, Stringa o booleano.
Rappresenta un identificatore “nascosto” univoco a cui nessun altro codice può accedere accidentalmente.
Per instace, se diversi programmatori vogliono aggiungere un person.id proprietà di un oggetto person appartenente a un codice di terze parti, potrebbero mescolare i valori di ogni altro.,
Utilizzando Symbol () per creare un identificatori univoci, risolve questo problema:
I simboli sono sempre unici.
Se si creano due simboli con la stessa descrizione, avranno valori diversi.
Valori dei parametri predefiniti
ES6 consente ai parametri di funzione di avere valori predefiniti.
Funzione Parametro Rest
Il parametro rest (…) consente a una funzione di trattare un numero indefinito di argomenti come un array:
Esempio
let sum = 0;
for (let arg of args) sum + = arg;
return sum;
}
let x = sum(4, 9, 16, 25, 29, 100, 66, 77);
Provalo tu stesso ”
Array.find()
Il metodo find() restituisce il valore del primo elemento dell’array che supera una funzione di test.
Questo esempio trova (restituisce il valore di ) il primo elemento che è maggiore di 18:
Si noti che la funzione prende 3 argomenti:
- Il valore dell’elemento
- L’indice dell’elemento
- L’array stesso
Array.,findIndex()
Il metodo findIndex() restituisce l’indice del primo elemento dell’array che supera una funzione di test.,
in Questo esempio trovi l’indice del primo elemento che è più grande 18:
si noti che la funzione prende 3 argomenti:
- Il valore dell’elemento
- L’indice dell’elemento
- array
Nuovo Numero di Proprietà
ES6 aggiunto le seguenti proprietà per il Numero di oggetti:
EPSILONMIN_SAFE_INTEGERMAX_SAFE_INTEGER
Esempio
Provalo tu stesso ”
Esempio
Provalo tu stesso ”
Esempio
Provalo tu stesso”
Nuovi metodi numerici
ES6 ha aggiunto 2 nuovi metodi all’oggetto Number:
Number.isInteger()Number.isSafeInteger()
Il Numero.isInteger () Metodo
IlNumber.isInteger() metodo restituiscetrue se l’argomento è un numero intero.
Esempio
Numero.isInteger (10.,5); / / restituisce false
Provalo tu stesso ”
Il numero.isSafeInteger() Metodo
Un numero intero sicuro è un numero intero che può essere rappresentato esattamente come un numero a doppia precisione.
Il metodo Number.isSafeInteger() restituisce true se l’argomento è un numero intero sicuro.
Gli interi sicuri sono tutti interi da -(253 – 1) a +(253 – 1).
Questo è sicuro: 9007199254740991. Questo non è sicuro: 9007199254740992.,
New Global Methods
ES6 added 2 new global number methods:
isFinite()isNaN()
The isFinite() Method
The global isFinite() method returns false if the argument is Infinity or NaN.,
in caso Contrario, restituisce true:
Esempio
isFinite(10/1); // restituisce true
Provate voi Stessi ”
La isNaN() Metodo
mondiale isNaN() metodo restituisce true se l’argomento è NaN. Altrimenti restituiscefalse:
Esempio
Provalo tu stesso ”