ES6 - Sintassi

Syntaxdefinisce l'insieme di regole per la scrittura dei programmi. Ogni specifica del linguaggio definisce la propria sintassi.

Un programma JavaScript può essere composto da:

• Variables - Rappresenta un blocco di memoria denominato che può memorizzare valori per il programma.

• Literals - Rappresenta valori costanti / fissi.

• Operators - Simboli che definiscono come verranno elaborati gli operandi.

• Keywords - Parole che hanno un significato speciale nel contesto di una lingua.

La tabella seguente elenca alcune parole chiave in JavaScript. Alcune parole chiave di uso comune sono elencate nella tabella seguente.

rompere	come	qualunque	Interruttore
Astuccio	Se	gettare	Altro
var	numero	corda	Ottenere
modulo	genere	istanza di	Tipo di
finalmente	per	enum	Esportare
mentre	vuoto	Questo	Nuovo
nullo	super	Catturare	permettere
statico	ritorno	Vero	Falso

• Modules - Rappresenta blocchi di codice che possono essere riutilizzati in diversi programmi / script.

• Comments- Utilizzato per migliorare la leggibilità del codice. Questi vengono ignorati dal motore JavaScript.

• Identifiers - Questi sono i nomi dati agli elementi in un programma come variabili, funzioni, ecc. Le regole per gli identificatori sono:

  • Gli identificatori possono includere sia caratteri che cifre. Tuttavia, l'identificatore non può iniziare con una cifra.

  • Gli identificatori non possono includere simboli speciali ad eccezione del carattere di sottolineatura (_) o del simbolo del dollaro ($).

  • Gli identificatori non possono essere parole chiave. Devono essere unici.

  • Gli identificatori fanno distinzione tra maiuscole e minuscole. Gli identificatori non possono contenere spazi.

La tabella seguente illustra alcuni identificatori validi e non validi.

Esempi di identificatori validi	Esempi di identificatori non validi
nome di battesimo nome di battesimo num1 $ risultato	Var # nome di battesimo nome di battesimo 1numero

Spazi vuoti e interruzioni di riga

ES6 ignora gli spazi, le tabulazioni e le nuove righe che appaiono nei programmi. Puoi usare spazi, tabulazioni e nuove righe liberamente nel tuo programma e sei libero di formattare e indentare i tuoi programmi in un modo pulito e coerente che rende il codice facile da leggere e capire.

JavaScript fa distinzione tra maiuscole e minuscole

JavaScript distingue tra maiuscole e minuscole. Ciò significa che JavaScript distingue tra i caratteri maiuscoli e quelli minuscoli.

I punti e virgola sono facoltativi

Ogni riga di istruzione è chiamata a statement. I punti e virgola sono facoltativi in ​​JavaScript.

Esempio

console.log("hello world") 
console.log("We are learning ES6")

Una singola riga può contenere più istruzioni. Tuttavia, queste istruzioni devono essere separate da un punto e virgola.

Commenti in JavaScript

Commentssono un modo per migliorare la leggibilità di un programma. I commenti possono essere utilizzati per includere informazioni aggiuntive su un programma come l'autore del codice, suggerimenti su una funzione / costrutto, ecc. I commenti vengono ignorati dal compilatore.

JavaScript supporta i seguenti tipi di commenti:

• Single-line comments (//) - Qualsiasi testo compreso tra // e la fine di una riga viene trattato come un commento.

• Multi-line comments (/* */) - Questi commenti possono estendersi su più righe.

Esempio

//this is single line comment  
/* This is a  
Multi-line comment 
*/

Il tuo primo codice JavaScript

Cominciamo con il tradizionale esempio "Hello World" ".

var message = "Hello World" 
console.log(message)

Il programma può essere analizzato come:

• La riga 1 dichiara una variabile con il nome messaggio. Le variabili sono un meccanismo per memorizzare i valori in un programma.

• La riga 2 stampa il valore della variabile nel prompt. Qui, la console si riferisce alla finestra del terminale. Il registro delle funzioni () viene utilizzato per visualizzare il testo sullo schermo.

Esecuzione del codice

Useremo Node.js per eseguire il nostro codice.

• Step 1 - Salva il file come Test.js

• Step 2 - Fare clic con il pulsante destro del mouse sul file Test.js sotto l'opzione dei file di lavoro nella finestra di esplorazione del progetto di Visual Studio Code.

• Step 3 - Seleziona l'opzione Apri nel prompt dei comandi.

• Step 4 - Digita il seguente comando nella finestra del terminale di Node.

node Test.js

Il seguente output viene visualizzato in caso di corretta esecuzione del file.

Hello World

Node.js e JS / ES6

Le funzionalità di ECMAScript 2015 (ES6) sono classificate in tre gruppi:

• For Shipping - Queste sono caratteristiche che V8 considera stabili.

• Staged Features - Queste sono caratteristiche quasi completate ma non considerate stabili dal team V8.

• In Progress - Queste funzionalità devono essere utilizzate solo a scopo di test.

La prima categoria di funzionalità è completamente supportata e attivata per impostazione predefinita dal nodo. Le funzionalità in fasi richiedono un flag di runtime - - harmony per essere eseguite.

Un elenco di flag CLI specifici del componente per Node.js può essere trovato qui - https://nodejs.org/api/cli.html

La modalità rigorosa

La quinta edizione della specifica ECMAScript ha introdotto la modalità Strict. La modalità rigorosa impone uno strato di vincoli a JavaScript. Apporta diverse modifiche alla normale semantica JavaScript.

Il codice può essere trasferito per funzionare in modalità rigorosa includendo quanto segue:

// Whole-script strict mode syntax 
"use strict"; 
 v = "Hi!  I'm a strict mode script!";  // ERROR: Variable v is not declared

Nello snippet sopra, l'intero codice viene eseguito come una variante vincolata di JavaScript.

JavaScript permette anche di limitare, la Strict Mode nell'ambito di un blocco come quella di una funzione. Ciò è illustrato come segue:

v = 15 
function f1() { 
   "use strict"; 
   var v = "Hi!  I'm a strict mode script!"; 
}

Nello snippet precedente, qualsiasi codice esterno alla funzione verrà eseguito in modalità non rigorosa. Tutte le istruzioni all'interno della funzione verranno eseguite in modalità rigorosa.

ES6 e sollevamento

Il motore JavaScript, per impostazione predefinita, sposta le dichiarazioni in alto. Questa funzione è definita comehoisting. Questa caratteristica si applica a variabili e funzioni. Il sollevamento consente a JavaScript di utilizzare un componente prima che sia stato dichiarato. Tuttavia, il concetto di sollevamento non si applica agli script eseguiti in modalità rigorosa.

Sollevamento variabile e Sollevamento funzionale sono spiegati nei capitoli successivi.