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


Dichiarazioni JavaScript


Esempio

let x, y, z;    // Statement 1
x = 5;          // Statement 2
y = 6;          // Statement 3
z = x + y;      // Statement 4

Programmi JavaScript

Un programma per computer è un elenco di "istruzioni" che devono essere "eseguite" da un computer.

In un linguaggio di programmazione, queste istruzioni di programmazione sono chiamate istruzioni .

Un programma JavaScript è un elenco di istruzioni di programmazione .

In HTML, i programmi JavaScript vengono eseguiti dal browser web.


Dichiarazioni JavaScript

Le istruzioni JavaScript sono composte da:

Valori, operatori, espressioni, parole chiave e commenti.

Questa istruzione dice al browser di scrivere "Hello Dolly". all'interno di un elemento HTML con id="demo":

Esempio

document.getElementById("demo").innerHTML = "Hello Dolly.";

La maggior parte dei programmi JavaScript contiene molte istruzioni JavaScript.

Le istruzioni vengono eseguite, una per una, nello stesso ordine in cui sono scritte.

I programmi JavaScript (e le istruzioni JavaScript) sono spesso chiamati codice JavaScript.


punto e virgola;

I punti e virgola separano le istruzioni JavaScript.

Aggiungi un punto e virgola alla fine di ogni istruzione eseguibile:

Esempi

let a, b, c;  // Declare 3 variables
a = 5;        // Assign the value 5 to a
b = 6;        // Assign the value 6 to b
c = a + b;    // Assign the sum of a and b to c

Se separati da punto e virgola, sono consentite più istruzioni su una riga:

a = 5; b = 6; c = a + b;

Sul Web, potresti vedere esempi senza punto e virgola.
Le istruzioni finali con punto e virgola non sono obbligatorie, ma altamente consigliate.



JavaScript Spazio bianco

JavaScript ignora più spazi. Puoi aggiungere uno spazio bianco al tuo script per renderlo più leggibile.

Le seguenti righe sono equivalenti:

let person = "Hege";
let person="Hege";

Una buona pratica è quella di mettere degli spazi intorno agli operatori ( = + - * / ):

let x = y + z;

JavaScript Lunghezza riga e interruzioni di riga

Per una migliore leggibilità, i programmatori spesso preferiscono evitare righe di codice più lunghe di 80 caratteri.

Se un'istruzione JavaScript non si adatta a una riga, il posto migliore per interromperla è dopo un operatore:

Esempio

document.getElementById("demo").innerHTML =
"Hello Dolly!";

Blocchi di codice JavaScript

Le istruzioni JavaScript possono essere raggruppate in blocchi di codice, all'interno di parentesi graffe {...}.

Lo scopo dei blocchi di codice è definire istruzioni da eseguire insieme.

Un posto in cui troverai le istruzioni raggruppate in blocchi, è nelle funzioni JavaScript:

Esempio

function myFunction() {
  document.getElementById("demo1").innerHTML = "Hello Dolly!";
  document.getElementById("demo2").innerHTML = "How are you?";
}

In questo tutorial utilizziamo 2 spazi di indentazione per i blocchi di codice.
Imparerai di più sulle funzioni più avanti in questo tutorial.


Parole chiave JavaScript

Le istruzioni JavaScript spesso iniziano con una parola chiave per identificare l'azione JavaScript da eseguire.

Il nostro Riferimento per le parole riservate elenca tutte le parole chiave JavaScript.

Ecco un elenco di alcune delle parole chiave che imparerai in questo tutorial:

Parola chiave Descrizione
var Dichiara una variabile
let Dichiara una variabile di blocco
const Dichiara una costante di blocco
if Contrassegna un blocco di istruzioni da eseguire su una condizione
switch Contrassegna un blocco di istruzioni da eseguire in casi diversi
for Contrassegna un blocco di istruzioni da eseguire in un ciclo
function Dichiara una funzione
return Esce da una funzione
try Implementa la gestione degli errori in un blocco di istruzioni

Le parole chiave JavaScript sono parole riservate. Le parole riservate non possono essere utilizzate come nomi per le variabili.