Esercitazione JS

JS CASA JS Introduzione JS Dove si va Uscita JS Dichiarazioni JS Sintassi JS Commenti JS Variabili JS JS Let JS Cost Operatori JS JS aritmetica Assegnazione JS Tipi di dati JS Funzioni JS Oggetti JS Eventi JS Corde JS Metodi di stringa JS Ricerca di stringhe JS Modelli di stringhe JS Numeri JS Metodi numerici JS Matrici JS Metodi array JS Ordinamento matrice JS Iterazione dell'array JS Cost. array JS Date JS Formati data JS Metodi di acquisizione della data JS Metodi di impostazione della data JS JS matematica JS Casuale JS booleani Confronti JS Condizioni JS JS Switch Ciclo JS per JS Loop per In Ciclo JS per di JS Loop mentre JS Break Iterabili JS Insiemi JS Mappe JS Tipo JS Conversione del tipo JS JS bit a bit JS RegExp Errori JS Ambito JS JS sollevamento Modalità rigorosa JS JS questa parola chiave Funzione freccia JS Classi JS JS JSON Debug JS Guida allo stile JS Migliori Pratiche JS Errori di JS Prestazioni JS Parole riservate JS

Versioni JS

Versioni JS JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge Storia di JS

Oggetti JS

Definizioni di oggetti Proprietà dell'oggetto Metodi dell'oggetto Visualizzazione di oggetti Accessori per oggetti Costruttori di oggetti Prototipi di oggetti Iterabili di oggetti Insiemi di oggetti Mappe degli oggetti Riferimento all'oggetto

Funzioni JS

Definizioni delle funzioni Parametri di funzione Invocazione di funzione Chiamata di funzione Funzione Applica Chiusure di funzioni

Classi JS

Introduzione alla classe Eredità di classe Classe statica

JS Async

Richiamate JS JS asincrono JS Promesse JS Async/Attendere

JS HTML DOM

DOM Introduzione Metodi DOM Documento DOM Elementi DOM DOM HTML Moduli DOM DOM CSS Animazioni DOM Eventi DOM Ascoltatore di eventi DOM Navigazione DOM Nodi DOM Collezioni DOM Elenchi di nodi DOM

Distinta base del browser JS

Finestra JS Schermo JS Posizione JS Storia di JS Navigatore JS Avviso popup JS JS tempismo Biscotti JS

API Web JS

Introduzione all'API Web API dei moduli Web API Cronologia web API di archiviazione Web API Web Worker API di recupero Web API di geolocalizzazione web

JS AJAX

Introduzione all'Ajax AJAX XMLHttp Richiesta AJAX Risposta dell'AJAX File XML AJAX AJAX PHP AJAX ASP Database AJAX Applicazioni AJAX Esempi AJAX

JS JSON

Introduzione JSON Sintassi JSON JSON contro XML Tipi di dati JSON Analisi JSON JSON Stringify Oggetti JSON Matrici JSON Server JSON JSON PHP JSON HTML JSON JSONP

JS vs jQuery

Selettori jQuery jQuery HTML jQuery CSS jQuery DOM

Grafica JS

Grafica JS Tela JS JS Plotly JS Chart.js Grafico di Google JS JS D3.js

Esempi JS

Esempi JS JS HTML DOM Input HTML JS Oggetti HTML JS Eventi HTML JS Browser JS Editore JS Esercizi JS Quiz J.S Certificato JS

Riferimenti JS

Oggetti JavaScript Oggetti HTML DOM


Sintassi JavaScript

La sintassi JavaScript è l'insieme delle regole, come vengono costruiti i programmi JavaScript:

// How to create variables:
var x;
let y;

// How to use variables:
x = 5;
y = 6;
let z = x + y;

Valori JavaScript

La sintassi JavaScript definisce due tipi di valori:

  • Valori fissi
  • Valori variabili

I valori fissi sono chiamati letterali .

I valori delle variabili sono chiamati variabili .


Letterali JavaScript

Le due regole sintattiche più importanti per i valori fissi sono:

1. I numeri sono scritti con o senza decimali:

10.50

1001

2. Le stringhe sono testo, scritto tra virgolette doppie o singole:

"John Doe"

'John Doe'


Variabili JavaScript

In un linguaggio di programmazione, le variabili vengono utilizzate per memorizzare i valori dei dati.

JavaScript utilizza le parole chiave e varper dichiarare le variabili.letconst

Un segno di uguale viene utilizzato per assegnare valori alle variabili.

In questo esempio, x è definita come una variabile. Quindi, a x viene assegnato (dato) il valore 6:

let x;
x = 6;

Operatori JavaScript

JavaScript utilizza gli operatori aritmetici ( + - * /) per calcolare i valori:

(5 + 6) * 10

JavaScript utilizza un operatore di assegnazione ( =) per assegnare valori alle variabili:

let x, y;
x = 5;
y = 6;

Espressioni JavaScript

Un'espressione è una combinazione di valori, variabili e operatori, che calcola in un valore.

Il calcolo è chiamato valutazione.

Ad esempio, 5 * 10 restituisce 50:

5 * 10

Le espressioni possono anche contenere valori variabili:

x * 10

I valori possono essere di vario tipo, come numeri e stringhe.

Ad esempio, "John" + " " + "Doe", restituisce "John Doe":

"John" + " " + "Doe"

Parole chiave JavaScript

Le parole chiave JavaScript vengono utilizzate per identificare le azioni da eseguire.

La letparola chiave dice al browser di creare variabili:

let x, y;
x = 5 + 6;
y = x * 10;

La varparola chiave dice anche al browser di creare variabili:

var x, y;
x = 5 + 6;
y = x * 10;

In questi esempi, l'utilizzo di var o letprodurrà lo stesso risultato.

Imparerai di più su var e letpiù avanti in questo tutorial.


Commenti JavaScript

Non tutte le istruzioni JavaScript sono "eseguite".

Il codice dopo le doppie barre //o tra /*e */viene trattato come un commento .

I commenti vengono ignorati e non verranno eseguiti:

let x = 5;   // I will be executed

// x = 6;   I will NOT be executed

Imparerai di più sui commenti in un capitolo successivo.


Identificatori/Nomi JavaScript

Gli identificatori sono nomi JavaScript.

Gli identificatori vengono utilizzati per denominare variabili, parole chiave e funzioni.

Le regole per i nomi legali sono le stesse nella maggior parte dei linguaggi di programmazione.

Un nome JavaScript deve iniziare con:

  • Una lettera (AZ o az)
  • Un simbolo del dollaro ($)
  • Oppure un trattino basso (_)

I caratteri successivi possono essere lettere, cifre, trattini bassi o segni di dollaro.

Nota

I numeri non sono ammessi come primo carattere nei nomi.

In questo modo JavaScript può distinguere facilmente gli identificatori dai numeri.


JavaScript fa distinzione tra maiuscole e minuscole

Tutti gli identificatori JavaScript fanno distinzione tra maiuscole e minuscole

Le variabili lastNamee lastname, sono due variabili diverse:

let lastname, lastName;
lastName = "Doe";
lastname = "Peterson";

JavaScript non interpreta LET o Let come parola chiave let .


JavaScript e Camel Case

Storicamente, i programmatori hanno utilizzato diversi modi per unire più parole in un nome di variabile:

trattini:

nome, cognome, mastercard, intercity.

I trattini non sono consentiti in JavaScript. Sono riservati alle sottrazioni.

Sottolineare:

nome, cognome, master_card, intercity.

Maiuscolo Camel (caso Pascal):

Nome, Cognome, MasterCard, InterCity.

Cammello inferiore:

I programmatori JavaScript tendono a utilizzare il caso cammello che inizia con una lettera minuscola:

nome, cognome, masterCard, interCity.


Set di caratteri JavaScript

JavaScript utilizza il set di caratteri Unicode .

Unicode copre (quasi) tutti i caratteri, i segni di punteggiatura e i simboli del mondo.

Per uno sguardo più da vicino, studia il nostro Riferimento Unicode completo .