Sintassi base di JavaScript

Se hai sperienza previa con uno di questi linguaggi di programmazione molto popolari tali C++, Java, C# o PHP, sarai in grado di riconoscere la sintassi di JavaScript. La ragione di di ciò è che questi linguaggi discendono, o sono profondamente ispirati, dal linguaggio di programmazione C. Anche se non hai sperienza previa con questi linguaggi, o anche nella programmazione in assoluto, permettimi di offrirti una veloce introduzione nella sintassi di JavaScript.

Iniziamo con delle regole di base, le quali possono confonderti completamente se sei nuovo nella programmazione:

JavaScript è case-sensitive

Questo significa che a non è lo stesso di A - lascia che ti mostri un esempio:

var a = 42;
alert(A);

Qui dichiaro una variabile con il nome di a (in minuscolo), ma nella seguente linea, Cerco di riferirmi a questa con A (in maiuscolo). Questo dara un errore dato che non sto usando la stessa grandezza (o maiuscolo o minuscolo).

Dichiarazioni

Una dichiarazione è semplicemente una linea di codice:

alert("Hello, world!");

Nota che alla fine viene inserita un punto e virgola - questo informa al interprete che la dichiarazione è finita. Questo significa anche che usualmente una dichiarazione viene contenuta in una linea di codice, questo non devo essere fisicamente contenuto in una linea. Sentiti libero di usare molte linee, ricordando di inserire alla fine il punto e virgola:

var s = "Hello world and welcome to this very long
		piece of text, which uses multiple lines!";

Nota che anche se alcuni linguaggi di programmazione con stile C sono molto ristretti al richiedere alla fine un punto e virgola, JavaScript de facto no - prova a indovinare se la tua dichiarazione finisce quando il separatore di riga viene trovato, e questo funziona il molti casi. Ecco qui un esempio:

var s = "Hello, world"
var n = 42

Anche se, alcune volte l'interprete non capirà le tue intenzioni, se la linea di codice è più complessa, e dovrai aggiungere un punto e virgola a prescindere. Per questa ragione, la guida di JavaScript generalmente raccomanda che tu inserisca alla fine sempre un punto e virgola - cosi non ti scorderai quando in realtà è necessario. Questo ti permetterà passare a linguaggi di programmazione più ristretti senza dover imparare nuove abitudini.

Blocchi

Quando usi strutture di controllo tali le dichiarazioni IF e i cicli, hai bisogno di controllare quali linee di codice sono incluse. In maniera predefinita, JavaScript assume che solo la linea seguente è parte della struttura di controllo. Esempio:

var b = false;
if(b == true)
	alert("This will not happen...");

alert("This WILL happen!");

Se esegui questo, noterai che solo la seconda allerta viene eseguita. La ragione di questo è che la dichiarazione if() non sarà mai vera(ci siamo assicurati di ciò), allora la linea seguente non sarà mai eseguita. Nonostante, se hai bisogno di contenere più di una linea di codice con la dichiarazione if, dovrai creare un blocco. Noi usiamo le parentesi graffe per contenere le linee di codice che vogliamo vengano affettate da questa dichiarazione if in particolare:

var b = false;
if(b == true)
{
	alert("This will not happen...");
	alert("This won't happen either...");	
}

alert("This WILL happen!");

Nota come in questo esempio, come quello di cui sopra, ho racchiuso la linea seguente dopo la dichiarazione if(il primo esempio), cosi come dentro il blocco(secondo esempio). Questo non è richiesto, ma molti programmatori lo fanno, perché rende il codice più leggibile . Tu puoi racchiudere una linea, o anche molte linee, usando il tasto Tab nella tua tastiera. E se hai un blocco dentro un blocco(e anche altri), devi racchiuderli appropriatamente - un racchiudi mento per blocco, così come questo:

let a = 1, b = 2, c = 3;
if(a == 1)
{
	if(b == 2)	
	{
		if(c == 3)	
			document.write("ok!");
	}
}

I blocchi vengono usati molto in JavaScript, un esempio per le strutture di controllo come l'esempio di cui sopra, ma anche quando si definiscono le funzioni. Più su questo dopo.

Commenti

In maniera predefinita, tutto quello che scrivi nel tuo codice JavaScript, ad eccezione degli spazi, verrà interpretato per essere validato come codice JavaScript. Anche se, alcune volte hai bisogno di inserire una linea di commento, per te stesso o per il tuo team. Fortunatamente, JavaScript permette questo in una maniera molto semplice. Se l'interprete incontra due sbarre, il resto della linea viene ignorata:

// This line is a comment

Puoi fare questo nella stessa riga di un ordine, da quanto ricorderai dopo le due sbarre, il resto viene ignorato dall'interprete:

alert("Hello!"); // The rest of this line is a comment

Puoi avere molte linee di commento dopo ciascuno di questi(Non esiste un limite):

// This line is a comment
// ...so is this one

Ma se hai bisogno di più linee di commento, e non vuoi mettere un prefisso in ciascuna con la doppia sbarra, puoi usare la sintassi del commento multi-riga. Questo inizia con la sbarra capovolta, e a continuazione immediatamente l'asterisco (*).Dopo questo, ogni cosa sarà considerata un commento, fin quando ne uscirai da questo mode usando la stessa notazione, ma al contrario (allora prima l''asterisco, dopo la sbarra capovolta). Qui un esempio:

/*
	All of these lines are comments 
	and you can write whatever you want,
	formatted however you want it!
*/

Semplicemente scegli quali dei due tipi di commenti è di tuo piacere.

Riassunto

Questa è stata una veloce introduzione alla sintassi di JavaScript, questo ti sarà d'aiuto nel capite gli esempi seguenti presenti in questo tutorial. Certamente, c'è più sintassi da imparare, ma approfondiremo su queste parti nel percorso, quando introdurremo vari aspetti del linguaggio.