Il programma JavaScript è sequenza di istruzioni (dichiarazioni). A volte le istruzioni sono anche chiamate comandi JavaScript.
Affinché il programma possa essere eseguito, deve essere eseguito. Se il programma è uno script client, viene avviato automaticamente dal browser, ma solo se, ovviamente, è presente nel codice della pagina. Il browser esegue l'esecuzione di un programma, solitamente durante il caricamento di una pagina web.
Quando si scrivono le istruzioni, devono essere separate da un punto e virgola. In JavaScript, è consentito non inserire un punto e virgola alla fine di un'istruzione if prossima istruzione inizierà su una nuova riga.
JavaScript non ha bisogno di terminare le istruzioni con un punto e virgola se l'istruzione successiva è scritta su una nuova riga, ma altamente raccomandato. In questo caso, è anche desiderabile posizionare ciascuna istruzione su una riga separata.
istruzioni javascript sono costituiti da: valori, operatori, espressioni, parole chiave e commenti.
Ad esempio, questa istruzione dice al browser di scrivere "Ciao mondo!" dentro Elemento HTML con id="principale":
Document.getElementById("main").textContent = "Ciao mondo!";
La sintassi JavaScript definisce i seguenti tipi di valori: valori fissi (letterali), valori costanti E valori variabili.
Esempi letterali per rappresentare valori diversi in JavaScript:
17 // letterale intero 23.8 // letterale numero frazionario "HTML" // letterale stringa "HTML" // letterale stringa true // letterale booleano // letterale matrice // letterale matrice () // letterale oggetto ( nome: "Dennis " , lingua: "ru" ) // oggetto letterale (ab|bc) // espressione regolare letterale
I linguaggi di programmazione utilizzano costanti e variabili per memorizzare i valori dei dati.
Le costanti vengono dichiarate utilizzando la parola chiave const, mentre le variabili vengono dichiarate utilizzando var e let .
Costante MAX_LENGTH = 17; // costante var section = "HTML"; // variabile let arr = ["HTML","CSS"]; // variabile
let è un nuovo modo di dichiarare le variabili che esiste da ES-2015 (ES6). Let differisce da var in quanto una variabile dichiarata con let ha uno scope (blocco) diverso e anche in quanto è possibile accedervi solo dopo che è stata creata.
JavaScript ha molto molti operatori diversi. Stanno per operazione da eseguire.
dipendente sul numero di operandi, con cui opera l'operatore, si dividono in binario e unario. Ma JavaScript ha anche un operatore condizionale, che consiste di 3 operandi. Questo operatore si chiama ternario.
Ad esempio, l'operatore di assegnazione (il segno =):
// operando1 = operando2; coreX=100; // ad esempio, assegna il numero 100 alla variabile coordX
Questo operatore è utilizzato per incarichi (impianti) operand1 ha lo stesso valore di operand2 .
operatore di assegnazioneè binario, perché opera su due operandi.
Per esempio, operatore di incremento(segno ++) viene utilizzato per aumentare di 1 il valore numerico dell'operando:
varnum = 5; ++numero; // 6
operatore di incrementoè unario poiché opera su un operando.
Espressioneè una combinazione di valori, variabili e operatori che assegna un valore a una variabile o restituisce un valore senza assegnarlo.
Ad esempio, l'espressione num = 955.47 utilizza l'operatore = per assegnare il valore 7 alla variabile num.
Ad esempio, l'espressione "Hi, " + "Timofey" utilizza l'operatore + per aggiungere le stringhe "Hi, " e "Timofey" senza un'assegnazione.
Le istruzioni JavaScript spesso iniziano con parola chiave(parola chiave). Esso (parola chiave) ha lo scopo di determinare quale azione JavaScript eseguire.
Ad esempio, la parola chiave var indica al browser di creare variabili:
Var coordX = 5, coordY = 130;
Elenco di alcune parole chiave: break , continue , do ... while , for , function , if ... else , return , switch , try ... catch , var .
Non tutte le istruzioni JavaScript sono eseguibili.
Il codice dopo le doppie barre // o tra /* e */ viene trattato come un commento.
I commenti vengono ignorati e non eseguiti:
vardirection = "superiore"; // commento a riga singola // var speed = 10; questa istruzione non verrà eseguita /* Funzione che aggiunge la classe show all'elemento con id="myBtn" */ function showBtn() ( document.getElementById("myBtn").classList.add("show"); )
// - è un commento a riga singola, ad es. qualsiasi testo compreso tra // e la fine della riga verrà ignorato da JavaScript (non verrà eseguito).
/* */ è un commento su più righe, qualsiasi testo compreso tra /* e */ verrà ignorato da JavaScript.
istruzioni javascript possono essere raggruppati utilizzando un blocco (parentesi graffe (...)).
Di norma, viene utilizzato in funzioni, strutture di controllo (for, while), ecc.
Function myFunction() ( document.getElementById("id__1").textContent = "Testo 1..."; document.getElementById("id__2").textContent = "Testo 2..."; )
Javascript lo è linguaggio con distinzione tra maiuscole e minuscole. Ciò significa che parole chiave, variabili, nomi di funzioni e altri identificatori di lingua devono contenere lo stesso insieme di lettere maiuscole e minuscole. Per esempio, metodo di allerta dovrebbe essere digitato solo come alert , non Alert , ALERT , ecc.
javascript ignora più spazi. Puoi aggiungere spazi al tuo script per renderlo più leggibile.
Le seguenti righe sono equivalenti:
var str = "testo"; varstr="Testo";
Se l'istruzione JavaScript ha una lunghezza elevata, è consigliabile interromperla. Nella maggior parte dei casi, è meglio interrompere l'istruzione dopo un operatore.
Per esempio:
Document.getElementById("aside__nav_header").innerHTML = "Navigazione aggiuntiva (per sezione)";
Imparando a scrivere, una persona impara necessariamente le basi dell'ortografia, della grammatica e dell'ortografia. Ad esempio, tutti sanno che una frase inizia con lettera maiuscola e termina con un punto, il testo è suddiviso in paragrafi, ecc.
I linguaggi di programmazione funzionano in modo simile: affinché il programma funzioni, è necessario seguire determinate regole. L'insieme di regole che definiscono la struttura dei linguaggi di programmazione si chiama sintassi. Molti linguaggi di programmazione sono costruiti sugli stessi concetti ma usano una sintassi diversa.
Questo tutorial ti introdurrà alla sintassi di base e alla strutturazione del codice JavaScript.
Funzionalità e leggibilità sono aspetti molto importanti della sintassi JavaScript che devono essere focalizzati separatamente.
Alcune regole di sintassi sono obbligatorie per il codice JavaScript. Se non vengono seguiti, la console genererà un errore e lo script si interromperà.
Considera un tale errore nel programma "Hello, World!".
// Esempio di un programma JavaScript non funzionante
console.log("Ciao mondo!"
La parentesi di chiusura manca alla fine, quindi al posto della stringa "Hello, World!" il programma restituirà un errore:
Uncaught SyntaxError: missing) dopo l'elenco degli argomenti
Affinché lo script continui a essere eseguito, è necessario aggiungere una parentesi di chiusura. Ecco come un errore nella sintassi JavaScript può influenzare il funzionamento di un programma.
Alcuni aspetti della sintassi e della formattazione di JavaScript si basano su diversi punti di vista. In poche parole, ci sono regole e variazioni stilistiche che non sono obbligatorie e non portano a errori durante l'esecuzione del codice. Tuttavia, ci sono anche molti accordi e convenzioni generali di cui è saggio tenere traccia in modo che gli sviluppatori di progetti e codice abbiano tutte le conoscenze necessarie sugli aggiornamenti di stile e sintassi. Il rispetto delle convenzioni generali aumenterà la leggibilità del codice.
Considera le seguenti tre opzioni per assegnare un valore a una variabile:
const saluto="Ciao"; // nessuno spazio bianco tra variabile e stringa
const saluto = "Ciao"; // spazi bianchi eccessivi dopo l'assegnazione
const saluto = "Ciao"; // singolo spazio bianco tra variabile e stringa
Tutte e tre le linee sopra funzioneranno allo stesso modo. Ma la terza opzione (saluto = "Ciao") è di gran lunga il modo più comunemente usato e leggibile per scrivere codice, specialmente se visto nel contesto di un programma più grande.
È molto importante monitorare l'integrità e la coerenza dell'intero codice del programma.
Di seguito esamineremo alcuni esempi per familiarizzare con la sintassi e la struttura del codice JavaScript.
I caratteri di spaziatura JavaScript sono spazi, tabulazioni e nuove righe (questa azione viene eseguita dal tasto Invio). Come mostrato in precedenza, gli spazi extra al di fuori di una stringa, gli spazi tra operatori e altri caratteri vengono ignorati dall'interprete JavaScript. Ciò significa che i seguenti tre esempi di assegnazione di variabili avranno lo stesso risultato:
const userLocation = "New York City, " + "NY";
const userLocation="New York City, "+"NY";
const userLocation = "New York City, " + "NY";
La variabile userLocation avrà il valore "New York City, NY" indipendentemente dallo stile di impostazione di questo valore. Non importa a JavaScript quali caratteri di spazio bianco vengono utilizzati.
C'è una regola provata e vera nella scrittura di programmi: quando si inseriscono caratteri di spazio bianco, seguire le stesse regole che si usano in matematica o grammatica. Ad esempio, la riga:
più facile da leggere rispetto a:
Un'importante eccezione a questa regola è l'assegnazione di più variabili. Notare la posizione = nel seguente esempio:
const companyName = "MyCompany";
const companyHeadquarters = "New York City";
const companyHandle = "miaazienda";
Tutti gli operatori di assegnazione (=) sono allineati con spazi. Questo tipo di struttura non è utilizzato da tutte le basi di codice, ma può migliorare la leggibilità.
Anche le interruzioni di riga aggiuntive vengono ignorate in JavaScript. In genere, aggiuntivo righe vuote vengono inseriti sopra il commento e dopo il blocco di codice.
Nelle parole chiave come if, switch e for, gli spazi vengono solitamente aggiunti prima e dopo le parentesi. Considera il seguente esempio:
// Un esempio di sintassi dell'istruzione if
Se () ( )
// Controlla l'equazione matematica e stampa una stringa sulla console
se (4< 5) {
console.log("4 è minore di 5.");
}
// Un esempio di sintassi del ciclo for
per () ( )
// Itera 10 volte, stampando ogni numero di iterazione sulla console
per (sia i = 0; i<= 10; i++) {
log della console(i);
}
Come puoi vedere, le parentesi dell'istruzione if e del ciclo sono separate da spazi su entrambi i lati.
Quando il codice fa riferimento a una funzione, metodo o classe, le parentesi vengono scritte accanto al nome senza spazi.
// Una funzione di esempio
funzione nomefunzione()()
// Inizializza una funzione per calcolare il volume di un cubo
funzione cubo(numero) (
return Math.pow(numero, 3);
}
// Richiama la funzione
cubo(5);
Nell'esempio precedente, cube() è una funzione e le parentesi () conterranno opzioni o argomenti. In questo caso i parametri sono espressi con numero o 5. Anche scrivere cube() con uno spazio funzionerà, ma non viene quasi mai utilizzato. Scrivere insieme una funzione e le parentesi rende facile associare una funzione ai suoi argomenti.
Proprio come i paragrafi di testo sono costituiti da frasi, i programmi JavaScript sono costituiti da una serie di istruzioni chiamate espressioni. Una frase termina con un punto e un'espressione JavaScript termina con un punto e virgola (;).
// Una singola istruzione JavaScript
const ora = new Date();
Se due o più espressioni sono una accanto all'altra, devono essere separate da un punto e virgola.
// Ottieni il timestamp corrente e stampalo sulla console
const ora = new Date(); log della console (ora);
Se le espressioni sono separate da un carattere di nuova riga, il punto e virgola è facoltativo.
// Due istruzioni separate da newline
const ora = nuova data()
log della console (ora)
Per convenzione, un punto e virgola viene inserito dopo un'espressione, indipendentemente dai caratteri di nuova riga. Questo riduce la possibilità di errori.
// Due istruzioni separate da newline e punto e virgola
const ora = new Date();
log della console (ora);
Un punto e virgola viene inoltre inserito tra l'inizializzazione e la condizione nei cicli for:
for (inizializzazione; condizione; incremento) (
// esegue il ciclo
}
Il punto e virgola non viene inserito dopo le istruzioni if, for, do, while, class, switch e function. Questi operatori sono racchiusi tra parentesi graffe (). Considera il seguente codice:
// Inizializza una funzione per calcolare l'area di un quadrato
funzione quadrato(numero) (
return Math.pow(numero, 2);
}
// Calcola l'area di un numero maggiore di 0
se (numero > 0) (
numero quadrato);
}
Fai attenzione, perché non tutto il codice racchiuso tra parentesi graffe non richiede un punto e virgola. Gli oggetti sono racchiusi tra parentesi graffe e devono terminare con un punto e virgola.
// Un oggetto di esempio
const nomeoggetto = ();
// Inizializza l'oggetto triangolo
cost triangolo = (
digitare: "giusto",
angolo: 90
lati: 3
};
È prassi comune inserire punti e virgola dopo ogni istruzione ed espressione JavaScript, ad eccezione di quelle che terminano con parentesi graffe.
Tecnicamente, l'intero codice di un programma JavaScript può essere posizionato su una riga. Ma tale codice è molto difficile da leggere e mantenere. Perché il programma è diviso in righe.
Ad esempio, l'istruzione if / else può essere scritta in una riga oppure può essere divisa:
// Istruzione condizionale scritta su una riga
if (x === 1) ( /* esegue il codice se vero */ ) else ( /* esegue il codice se falso */ )
// Istruzione condizionale con indentazione
se (x === 1) (
// esegue il codice se vero
) altro (
// esegue il codice se falso
}
Si noti che qualsiasi codice incluso in un blocco è rientrato. Puoi rientrare con due spazi, quattro spazi o tabulazioni. La scelta del metodo di indentazione dipende solo dalle preferenze personali o dalle raccomandazioni dell'organizzazione.
La parentesi aperta alla fine della prima riga è un modo comune di strutturare istruzioni e oggetti JavaScript. A volte le parentesi sono posizionate su righe separate:
// Istruzione condizionale con parentesi graffe sulle nuove righe
se (x === 1)
{
// esegue il codice se vero
}
altro
{
// esegue il codice se falso
}
Una tale struttura in JavaScript, come in altri linguaggi, è usata abbastanza raramente.
Le istruzioni nidificate devono essere separate:
// Inizializza una funzione
funzione èEqualToOne(x) (
// Controlla se x è uguale a uno
se (x === 1) (
// in caso di successo, restituisce true
restituisce vero;
) altro (
restituire falso;
}
}
Una corretta indentazione rende il codice leggibile. L'unica eccezione a questa regola da tenere presente è che le librerie compresse rimuovono tutti i caratteri non necessari per ridurre le dimensioni del file.
I nomi di variabili, funzioni o proprietà in JavaScript sono chiamati identificatori. Gli identificatori sono composti da lettere e numeri, ma non possono contenere caratteri al di fuori di $ e _ e non possono iniziare con un numero.
I nomi fanno distinzione tra maiuscole e minuscole. In altre parole, myVariable e myvariable verranno trattate come due variabili diverse.
var miaVariabile = 1;
var miavariabile = 2;
Per convenzione generale, i nomi sono scritti in camelcase (camelCase): la prima parola è scritta con una lettera minuscola, ma ogni parola successiva inizia con una lettera maiuscola. Le variabili globali o le costanti sono scritte in maiuscolo e separate da caratteri di sottolineatura.
const TARIFFA_ASSICURAZIONE = 0,4;
Un'eccezione a questa regola sono i nomi delle classi, che in genere iniziano ogni parola con una lettera maiuscola (PascalCase).
// Inizializza una classe
classeEsempioClasse(
costruttore() ( )
}
Per garantire la leggibilità del codice, gli identificatori devono essere utilizzati in modo coerente in tutti i file di programma.
Gli identificatori non devono inoltre contenere parole chiave riservate. Le parole chiave sono parole JavaScript con funzionalità integrate. Questi includono var, if, for e this.
Ad esempio, non è possibile assegnare un valore a una variabile denominata var.
var var = "Un certo valore";
JavaScript conosce la parola chiave var, quindi genererà un errore:
SyntaxError: token imprevisto (1:4)
Sintassi javascript
Dal 1995, JavaScript ha fatto molta strada da un umile componente del browser Netscape agli interpreti JIT ad alte prestazioni di oggi. Sembrerebbe che solo cinque anni fa gli sviluppatori siano rimasti sbalorditi dall'avvento di Ajax e ora complesse applicazioni JavaScript hanno raggiunto centinaia e migliaia di righe di codice.
L'anno scorso ha visto la nascita di una nuova generazione di applicazioni JavaScript che non sono diverse dalle applicazioni desktop, un incredibile progresso nella tecnologia web. Sono finite le richieste di pagina a esecuzione lenta con ogni interazione dell'utente con l'applicazione. I motori JavaScript sono diventati così potenti che è possibile salvare lo stato sul lato client, il che accelera notevolmente la risposta dell'applicazione e migliora la qualità del suo lavoro.
Se conosci altri linguaggi di programmazione, potresti trovare utile sapere che JavaScript è un linguaggio di programmazione di alto livello, dinamico, non tipizzato e interpretato che ben si adatta agli stili di programmazione orientati agli oggetti e funzionali. Mio Sintassi javascript ereditato da linguaggio Java, le sue funzioni di prima classe dal linguaggio Scheme e il suo meccanismo di ereditarietà basato su prototipi dal linguaggio Self. Ma non è necessario conoscere tutte queste lingue o avere familiarità con la loro terminologia per imparare JavaScript.
In questo articolo esamineremo le strutture lessicali di base della lingua.
Quando si scrivono programmi in JavaScript, viene utilizzato il set di caratteri Unicode. Unicode è un superset delle codifiche ASCII e Latin-1 e supporta praticamente ogni lingua scritta del pianeta. Standard ECMAScript 3 richiede che le implementazioni JavaScript supportino Unicode versione 2.1 o successiva e ECMAScript 5 richiede che le implementazioni supportino Unicode versione 3 o successiva.
JavaScript è un linguaggio con distinzione tra maiuscole e minuscole. Ciò significa che parole chiave, nomi di variabili e funzioni e qualsiasi altro identificatore di lingua devono sempre contenere lo stesso insieme di lettere maiuscole e minuscole.
Ad esempio, la parola chiave while deve essere digitata come "while", non "While" o "WHILE". Allo stesso modo, myvar, Myvar, MyVar e MYVAR sono i nomi di quattro diverse variabili. Si noti, tuttavia, che il linguaggio di markup HTML (a differenza di XHTML) non fa distinzione tra maiuscole e minuscole. Poiché HTML e JavaScript lato client sono strettamente correlati, questa distinzione può creare confusione. Molti oggetti JavaScript e le relative proprietà hanno gli stessi nomi di tag e attributi Linguaggio HTML che rappresentano. Tuttavia, mentre in HTML questi tag e attributi possono essere digitati in ogni caso, in JavaScript di solito devono essere digitati in minuscolo.
Ad esempio, l'attributo onclick di un gestore di eventi è generalmente impostato in HTML come onClick, ma nel codice JavaScript (o in un documento XHTML) deve essere contrassegnato come onclick.
JavaScript ignora gli spazi che possono essere presenti tra i token in un programma. Inoltre, JavaScript ignora anche le nuove righe per la maggior parte. Pertanto, spazi e caratteri di nuova riga possono essere utilizzati senza restrizioni nei testi sorgente del programma per formattarli e conferire loro un aspetto leggibile.
Oltre al normale carattere spazio (\u0020 ), JavaScript riconosce anche i seguenti caratteri come spazi bianchi: tabulazione (\u0009 ), tabulazione verticale (\u000B ), feed formato (\u000C ), spazio unificatore (\u00A0 ), marcatore dell'ordine dei byte (\uFEFF ), così come tutti i caratteri Unicode nella categoria Zs.
I seguenti caratteri sono riconosciuti dagli interpreti JavaScript come caratteri di fine riga: avanzamento riga (\u000A ), ritorno a capo (\u000D ), separatore di riga (\u2028 ) e separatore di paragrafo (\u2029 ). La sequenza di caratteri di ritorno a capo e di avanzamento riga viene interpretata come un singolo terminatore di riga.
I caratteri Unicode che controllano il formato (categoria Cf), come SEGNO DA DESTRA A SINISTRA (\u200F ) e SEGNO DA SINISTRA A DESTRA (\u200E ), controllano la rappresentazione visiva del testo in cui appaiono. Sono importanti per visualizzare correttamente il testo in alcune lingue e sono validi nei commenti JavaScript, nei valori letterali stringa e nei valori letterali. espressioni regolari, ma non negli identificatori (come i nomi delle variabili) definiti nei programmi JavaScript. Le eccezioni sono ZERO WIDTH JOINER (\u200D ) e ZERO WIDTH NON-JOINER (\u200C ), che possono essere utilizzate negli identificatori a condizione che non siano il primo carattere dell'identificatore.
È possibile visualizzare la tabella dei caratteri Unicode completa sul sito Web della tabella Unicode.
Come altri linguaggi di programmazione, JavaScript utilizza un punto e virgola (;) per separare le istruzioni l'una dall'altra. L'uso del punto e virgola è essenziale per chiarire l'intento del programmatore: senza questo separatore, si può confondere la fine di un'istruzione con l'inizio della successiva e viceversa.
Di solito in JavaScript, i punti e virgola possono essere omessi tra le istruzioni se si trovano su righe diverse. (Il punto e virgola può anche essere omesso alla fine di un programma o se il token successivo nel programma è una parentesi graffa di chiusura.) Molti programmatori JavaScript utilizzano i punti e virgola per contrassegnare esplicitamente la fine delle istruzioni, anche se non è necessario .
Dai un'occhiata al seguente frammento. Poiché le due istruzioni sono su righe diverse, il primo punto e virgola può essere omesso:
Tuttavia, se queste istruzioni sono scritte come mostrato di seguito, il primo punto e virgola diventa obbligatorio:
JavaScript supporta due modi di applicare stili ai commenti. Qualsiasi testo compreso tra // e la fine della riga viene trattato come un commento e ignorato da JavaScript. Anche qualsiasi testo compreso tra /* e */ viene trattato come un commento. Questi commenti possono estendersi su più righe, ma non possono essere nidificati. Le seguenti righe sono commenti JavaScript validi:
// Questo è un commento a riga singola. /* Anche questo è un commento */ // e questo è un altro commento. /* Questo è un altro commento. Si estende su più righe. */
Un identificatore è solo un nome. In JavaScript, gli identificatori fungono da nomi per variabili e funzioni, nonché etichette per alcuni cicli. Gli identificatori in JavaScript devono iniziare con una lettera, un trattino basso (_) o il simbolo del dollaro ($). Possono seguire qualsiasi lettera, numero, trattino basso o simbolo del dollaro. (Una cifra non può essere il primo carattere, poiché sarebbe difficile per l'interprete distinguere gli identificatori dai numeri.) Esempi di identificatori validi:
I my_variable_name v13 _myvar $str
Per compatibilità e facilità di modifica, per comporre gli identificatori vengono solitamente utilizzati solo caratteri e numeri ASCII. Tuttavia, JavaScript consente l'uso di lettere e numeri negli identificatori da set completo Caratteri Unicode. Ciò consente ai programmatori di denominare le variabili nelle loro lingue native e utilizzare simboli matematici in esse:
Nome Var = "Alessandro"; varΠ = 3,14;
JavaScript riserva un numero di identificatori che fungono da parole chiave per il linguaggio stesso. Queste parole chiave non possono fungere da identificatori nei programmi. JavaScript riserva anche alcune parole chiave che attualmente non fanno parte del linguaggio, ma potrebbero essere incluse nelle versioni future. La tabella seguente elenca tutte le parole chiave per categoria:
| Categoria | Parole chiave |
|---|---|
| Identificatori di base | funzione di eliminazione di interruzione restituisce typeof case do if switch var cogli altro in questo vuoto continue false instanceof throw while debugger finalmente nuovo vero con default per null try |
| Nuove parole chiave nello standard EcmaScript 5 | class const enum export estende l'importazione super |
| Parole riservate in modalità rigorosa (sono disponibili in modalità normale) | gli attrezzi lasciano la resa pubblica privata pacchetto di interfaccia protetto statico |
La sintassi JavaScript è un insieme di regole per la creazione dei programmi JavaScript. In questa lezione esamineremo le strutture lessicali di base della lingua.
Quando si scrivono programmi in JavaScript, viene utilizzato il set di caratteri Unicode. A differenza della codifica a 7 bit, adatta solo per in inglese e una codifica a 8 bit adatta solo all'inglese e alle principali lingue dell'Europa occidentale, la codifica Unicode a 16 bit supporta praticamente tutte le lingue scritte del pianeta. Lo standard ECMAScript v3 richiede che le implementazioni JavaScript supportino Unicode versione 2.1 o successiva e lo standard ECMAScript v5 richiede che le implementazioni supportino Unicode versione 3 o successiva.
var str = "ciao, mondo!"; // Viene utilizzata la scrittura latina var str = "Ciao, mondo!"; // Viene utilizzato il cirillico
Gli spazi bianchi migliorano la leggibilità codice sorgente, ma questi caratteri generalmente non sono necessari per la funzionalità dello script js.
| Codice simbolo | Nome | Riduzione | Descrizione | sequenza di fuga |
|---|---|---|---|---|
| U+0009 | Scheda orizzontale | Sposta la posizione di stampa alla successiva tabulazione orizzontale | \T | |
| U+000B | Scheda verticale | Sposta la posizione di stampa alla tabulazione verticale successiva | \v | |
| U+000C | Scorri pagina, cambia pagina | Espelle la pagina corrente e avvia la stampa dalla pagina successiva. | \F | |
| U+0020 | Spazio | Spaziatura del carattere | ||
| U+00A0 | Spazio indistruttibile | Un carattere che appare all'interno di una stringa come uno spazio normale, ma non consente l'interruzione della stringa in quel punto |
Oltre agli spazi bianchi, vengono utilizzati anche i caratteri di fine riga per migliorare la leggibilità del testo di origine. Tuttavia, in alcuni casi, i caratteri di fine riga possono influire sull'esecuzione del codice JavaScript, poiché in diverse occasioni il loro utilizzo è proibito. Anche i caratteri di fine riga influiscono sul processo installazione automatica punto e virgola.
I seguenti caratteri sono riconosciuti dagli interpreti JavaScript come caratteri di fine riga:
Un programma JavaScript (script) è un elenco di "istruzioni" che vengono eseguite da un browser web.
In JavaScript, le istruzioni sono generalmente separate da punti e virgola (;).
Se più istruzioni si trovano sulla stessa riga, è necessario inserire un punto e virgola (;) tra di esse.
In molti casi, JavaScript interpreta una nuova riga come separatore di comando per l'inserimento automatico del punto e virgola (ASI) per completare le istruzioni.
Se ogni istruzione è posizionata su una riga separata, il separatore può essere omesso:
Un'istruzione può trovarsi su più righe:
In questo caso, JavaScript attende il completamento dell'espressione e quindi non inserisce automaticamente un punto e virgola "virtuale" tra le righe.
Nota: Sebbene i punti e virgola alla fine delle istruzioni siano facoltativi, si consiglia di includerli sempre. Questa è la regola che seguono tutti i grandi progetti.
Questa regola previene alcuni errori, come un input incompleto, e consente anche di comprimere il codice rimuovendo gli spazi vuoti. La compressione del codice senza punti e virgola comporta errori di sintassi. Inoltre, la presenza del punto e virgola previene il degrado delle prestazioni perché i parser tentano di correggere i presunti errori aggiungendo punti e virgola mancanti.
Per scrivere programmi JavaScript viene utilizzato il set di caratteri Unicode, che include i set ASCII e Latin-1 ed è supportato da quasi tutte le lingue e piattaforme.
In JavaScript, tutti gli elementi, compresi i nomi di variabili, funzioni e operatori, fanno distinzione tra maiuscole e minuscole e devono sempre contenere lo stesso insieme di lettere maiuscole e minuscole. Ad esempio, la parola chiave while deve essere digitata come "while", non "While" o "WHILE".
Allo stesso modo, num, NUM e Num sono tre diverse variabili:
I commenti consentono di evidenziare un frammento di programma che non viene eseguito dall'interprete JavaScript, ma serve solo a spiegare il contenuto del programma.
I commenti in JS possono essere a riga singola o multilinea.
I commenti a riga singola iniziano con una doppia barra // . Il testo è considerato un commento fino alla fine della riga:
Un commento su più righe inizia con una barra e un asterisco (/*) e termina con questi all'interno ordine inverso(*/) . Quindi puoi commentare una o più righe:
Consiglio: Non trascurare i commenti nei tuoi codici. Ti saranno utili durante il debug e la manutenzione dei programmi. In fase di sviluppo, a volte è meglio commentare un frammento non necessario di un programma piuttosto che eliminarlo semplicemente. E se deve essere ripristinato?
Un identificatore è una sequenza di lettere, numeri, trattini bassi (_) e simboli del dollaro ($). Una cifra non può essere il primo carattere di un identificatore perché rende più difficile per l'interprete JavaScript distinguere gli identificatori dai numeri. Gli identificatori fungono da nomi di variabili, funzioni, proprietà di oggetti, ecc.
Per compatibilità e facilità di modifica, per comporre gli identificatori vengono solitamente utilizzati solo caratteri e numeri ASCII. Tuttavia, in ECMAScript v3, gli identificatori possono contenere lettere e numeri del set di caratteri Unicode completo. Ciò consente ai programmatori di denominare le variabili nelle loro lingue native e utilizzare simboli matematici in esse:
nome var = "massimo"; varΠ = 3,14;
Storicamente, i programmatori hanno utilizzato diversi modi combinando più parole per scrivere identificatori. Oggi ci sono due stili taciti ben consolidati: camelCase e snake_case.
In JavaScript, lo stile più popolare per denominare identificatori composti da più parole è camelCase. Ciò significa che la prima lettera è minuscola e le prime lettere di tutte le parole successive sono maiuscole, ad esempio:
Var primo secondo; var miaAuto = "audi"; var doQualcosa di importante;
Attenzione: In JavaScript, non è consentito combinare più parole per scrivere identificatori utilizzando i trattini. Sono riservati alle sottrazioni matematiche.
Su una nota: In JavaScript, parole chiave, parole riservate e VERO, false e null non possono essere identificatori.
Lo standard ECMA-262 definisce un insieme di parole chiave che non possono essere utilizzate come identificatori. le parole riservate hanno certo valore nel linguaggio JavaScript, in quanto fanno parte della sintassi del linguaggio. L'uso di parole riservate risulterà in un errore di compilazione quando lo script viene caricato.
Inoltre, ECMA-262 contiene un insieme di parole riservate (parole riservate), che non possono essere utilizzate anche come identificatori o nomi di proprietà. Al momento non ci sono funzionalità dietro di loro, ma potrebbero apparire nelle versioni future:
In modalità rigorosa, le seguenti parole vengono aggiunte a questo elenco:
Nella 5a edizione di ECMAScript, le regole per l'utilizzo di parole chiave e parole riservate sono state leggermente modificate. Come prima, non possono essere identificatori, ma ora possono essere usati come nomi di proprietà negli oggetti. Tuttavia, per compatibilità con le revisioni passate e future di ECMAScript, è ancora meglio non utilizzare parole chiave e parole riservate come identificatori di proprietà e nomi.
Sintassi JavaScript è un insieme di regole per la creazione dei programmi JavaScript.
programma per computerè un elenco di "istruzioni" che devono essere "eseguite" dal computer.
In un linguaggio di programmazione, vengono chiamate queste istruzioni di programma dichiarazioni.
Javascript lo è linguaggio di programmazione.
Le istruzioni JavaScript sono separate punto Con virgola.
In HTML, i programmi JavaScript possono essere eseguiti utilizzando un browser web.
Le istruzioni JavaScript sono costituite da:
Valori, operatori, espressioni, parole chiave e commenti.
La sintassi JavaScript definisce due tipi di valori: valori fissi e valori variabili.
Vengono chiamati valori fissi letterali. Vengono chiamati valori variabili variabili.
Maggior parte regole importanti scrivendo valori fissi sono:
Numeri sono scritti con o senza cifre decimali:
stringhe testo scritto tra virgolette doppie o singole:
In un linguaggio di programmazione variabili usato per magazzinaggio valori dei dati.
Utilizza JavaScript var parola chiave a annunciare variabili.
Segno di ugualeè usato per assegnazioni di valore variabili.
In questo esempio, x è definito come una variabile. Quindi a x viene assegnato (dato) il valore 6:
Utilizza JavaScript operatore di assegnazione(=) per stanziamenti valori per le variabili:
Utilizza JavaScript operatori aritmetici (+ - * /) per calcoli valori:
Un'espressione è una combinazione di valori, variabili e operatori che restituisce un valore.
Il calcolo si chiama punteggio.
Ad esempio, 5 * 10 assume il valore 50:
Le espressioni possono anche contenere valori variabili:
I valori possono essere vari tipi, come numeri e stringhe.
Ad esempio, "John" + "," + "Doe", diventa "John Doe":
javascript parole chiave vengono utilizzati per determinare le azioni da intraprendere.
var parola chiave dice al browser di creare una nuova variabile:
Non tutte le istruzioni JavaScript verranno "eseguite".
Codice dopo le doppie barre // o tra /* E * / considerato un commento.
I commenti vengono ignorati e non verranno eseguiti:
Gli identificatori sono nomi.
In JavaScript, gli identificatori vengono utilizzati per nominare variabili (e parole chiave, nonché funzioni ed etichette).
Le regole per i nomi legali sono le stesse nella maggior parte dei linguaggi di programmazione.
In JavaScript, il primo carattere deve essere una lettera, un trattino basso (_) o un simbolo di dollaro ($).
I caratteri successivi possono essere lettere, numeri, caratteri di sottolineatura o simboli di dollaro.
I numeri non sono consentiti come primo carattere.
In questo modo, JavaScript può facilmente distinguere gli identificatori dai numeri.
Tutti gli identificatori JavaScript sensibile A Registrati.
Variabili cognome E COGNOME, due diverse variabili.
JavaScript non interpreta VARO O Var come parola chiave var .
Storicamente, i programmatori hanno utilizzato tre modi per combinare più parole in un unico nome di variabile:
Trattini:
nome, cognome, master-card, interurbano.
I trattini non sono consentiti in JavaScript. Serve per sottrazione.
Sottolineare:
first_name, last_name, master_card, inter_city.
Custodia cammello:
Nome, Cognome, MasterCard, InterCity.
Nei linguaggi di programmazione, specialmente in JavaScript, il caso camel inizia spesso con una lettera minuscola:
firstName, lastName, masterCard, interCity.
JavaScript utilizza il set di caratteri Unicode.
Unicode copre (quasi) ogni carattere, punteggiatura e simboli del mondo.
