Cosa c'è di nuovo in Javascript ES6?

JavaScript è considerato tra i linguaggi di scripting più utilizzati e popolari; Fu inventato nel 1995 e originariamente chiamato Mocha ma alla fine divenne Javascript. Il linguaggio JavaScript è stato inventato da Brendaneich e si è trasformato nello standard ECMA; ES1, ES2, ES3, ES5 ed ES6 sono numerose versioni di ECMAScript.

JavaScript ES6 è uno standard per garantire l'interoperabilità della pagina Web in vari browser Web. ES6 è il 6^th Versione del linguaggio di programmazione JavaScript. È un grande miglioramento nel linguaggio JavaScript, aggiungendo più funzionalità per facilitare lo sviluppo di software su larga scala. Poche caratteristiche dello script ES6 non sono supportate da tutti i browser, ma la maggior parte sono supportate; Quasi tutti i famosi browser Web supportano tutte le caratteristiche di ES6.

Il software Transpiler può essere utilizzato per trasformare il codice ES6 in ES5, che è la versione precedente di JavaScript e quindi più compatibile con i browser.

In questo articolo, esaminiamo alcune modifiche ES6 portate in JavaScript.

Caratteristiche di ES6 JavaScript

Costanti note come variabili immutabili: ES6 ora supporta la nozione di variabili costanti. Il valore di queste variabili non può essere modificato. Verrà attivato un errore se qualcuno cerca di ridefinire la variabile nell'ambito simile:

const pi = matematica.PI;
// output: valore di pi
console.log (pi);
pi = 4;
// typeerror: assegnazione a variabile costante.
console.log (pi);
const pi = matematica.PI;
// output: valore di pi
console.log (pi);

const pi = 4;
// output: 4 (senza alcun errore in quanto è fuori dall'ambito)
console.log (pi);

Se un oggetto è stato dichiarato usando const, Le sue chiavi non possono essere cambiate. Tuttavia i suoi valori possono essere modificati:

const user =
Nome: "Steve",
Età: 13

utente =
Nome utente: "Harry",
Grado: "3 °"
// typeerror: assegnazione a variabile costante. const user =
Nome: "Steve",
Età: 13

utente.name = "Harry";
console.registro (utente);

Regole di funzioni e variabili dell'ambito bloccato

Un'altra nuova importante caratteristica di ES6 è che le variabili possono essere dichiarate permettere E const che seguono le regole con scappamento a blocchi. Attraverso questa regola scavata al blocco, la variabile mantiene il suo valore fino alla fine del blocco. Il valore del blocco esterno verrà ripristinato dopo il blocco interno:

Lascia che a = 5;
// output: 5
console.log (a);

Lascia che a = 4;
// output: 4
console.log (a);

// output: 5
console.log (a);

Funzioni di freccia

ES6 supporta anche funzioni di freccia quasi uguali alle funzioni tradizionali di JavaScript ma sono più compatte. Nell'esempio seguente abbiamo fatto una funzione freccia che prende un numero come argomento e restituisce il valore del suo quadrato:

sq = a => a*a;
console.log (sq (5));

Le funzioni della freccia hanno i loro limiti e non possono essere utilizzate ovunque.

Gestione dei parametri della funzione

ES6 ci dà la possibilità di impostare i valori predefiniti per i parametri di una funzione. Se non vengono forniti argomenti quando si chiama la funzione, vengono utilizzati i parametri predefiniti:

funzione sq (a = 5, b = 3)
console.log (a + " +" + b + "=" + (a + b));

Sq (5, 9);
sq ();

Parametri della funzione di riposo

La funzione dei parametri di riposo è un'altra caratteristica di ES6. Questa funzione ti aiuta a ricevere un numero qualsiasi di argomenti ogni volta che viene chiamata la funzione. La sintassi mostrata di seguito consente di catturare gli argomenti rimanenti dopo l'argomento definito in un array:

funzione restaparams (a, b, ... params)
console.log (a);
console.log (b);
console.log (params);

RestParams (1,2,3,3,5,6,7,8,9);

Letterali modello

Un modello di stringa o modello letterale si riferisce a interpolare variabili ed espressioni come stringhe usando una sintassi perl. In parole più semplici una stringa può essere racchiusa in backticks (') e queste stringhe possono includere espressioni (interpolate) usando il $ ··· sintassi:

var firstName = 'John';
var lastname = 'doe';
console.log ('il mio nome è $ firstName $ lastName');

Proprietà dell'oggetto

ES6 ha fornito una nuova sintassi per la creazione di oggetti. Ecco l'esempio:

var firstName = 'John';
var lastname = 'doe';
var id = 03;
VAR DIPARTY = 'Education';
var impiegatata = firstName, lastname, id, dipartimento;
console.registro (impiegata);

Sintassi della definizione di classe formale

JavaScript ES6 supporta la sintassi della definizione della classe formale. È un semplice zucchero sintattico per le classi basate su prototipi già disponibili, ma aiuta a migliorare la chiarezza del codice. Ciò significa che questo non ha aggiunto un nuovo modello a oggetti.

Class Circle
costruttore (raggio)
Questo.raggio = raggio;


var c = new cerch (8);

Dichiarazione dei metodi

ES6 JavaScript fornisce un modo più semplice per dichiarare metodi. In precedenza, in ES5, abbiamo dovuto menzionare la "funzione" della parola chiave insieme al nome della funzione durante la definizione. Tuttavia, in ES6, possiamo usare la funzione freccia e non siamo obbligati a scrivere la parola chiave "funzione". Ecco l'esempio:

In ES5

var diameter = function (radius)
Sia dia = 2*raggio;
restituire dia;
;
diametro (8);

In ES6

var diameter = (radius) =>
Sia dia = 2*raggio;
restituire dia;
;
diametro (8);

Per/di loops

Utilizzando per/di, è possibile iterare su strutture di dati iterabili come array, stringhe, mappe ecc:

var num = [5, 6, 7, 8, 9];
per (let d di num)

console.log (d);

Conclusione

ES6 è la seconda grande revisione di JavaScript che è stata rilasciata nel 2015. Ci sono state aggiunte annuali a JavaScript in ES7, ES8, ES9 e così via, ma queste nuove versioni non hanno apportato alcun cambiamento significativo. In questo articolo, abbiamo spiegato brevemente cos'è ES6 JavaScript, i vantaggi della versione ES6 e alcune delle nuove funzionalità introdotte nella versione ES6.