Modulo Training Code

VARIABILI

FUNZIONI

START >

>

>

<INDICI>

VARIABILI

VARIABILI LOCALI/GLOBALI

AMBITO DELLE VARIABILI

FUNZIONI

<01> VARIABILI

Sono contenitori per l'archiviazione dei dati

Tutte le variabili JavaScript devono essere identificate con nomi univoci . Questi nomi univoci sono chiamati identificatori Gli identificatori possono essere nomi brevi (come x e y) o nomi più descrittivi (età, somma, volumetotale).

Le regole generali per la costruzione dei nomi per le variabili (identificatori univoci) sono:

• I nomi possono contenere lettere, cifre, caratteri di sottolineatura e simboli di dollaro.
• I nomi devono iniziare con una lettera.
• I nomi possono anche iniziare con $ e _
• I nomi sono sensibili alle maiuscole e alle minuscole (y e Y sono variabili diverse).
• Le parole riservate (come le parole chiave JavaScript) non possono essere utilizzate come nomi.

<GO>

4 Modi per dichiarare

>

>

Le variabili JavaScript possono essere dichiarate in 4 modi:

• Automaticamente
• Utilizzando var
• Utilizzando let

Le variabili dichiarate con let hanno ambito di blocco. Le variabili dichiarate con let devono essere dichiarate prima dell'uso. Le variabili dichiarate con let non possono essere ridichiarate nello stesso ambito

• Utilizzando const

Le variabili definite con const non possono essere ridichiarate Le variabili definite con const non possono essere riassegnate

x = 5; y = 6; z = x + y;

Esempio utilizzando : var var x = 5; var y = 6; var z = x + y;

Esempio utilizzando let let x = 5; let y = 6; let z = x + y;

Esempio usando const const x = 5; const y = 6; const z = x + y;

>

>

// QUANDO USARE?

<Quando usare var, let o const?>

1. Dichiarare sempre le variabili 2. Utilizzare sempre const se il valore non deve essere modificato 3. Utilizzare sempre const se il tipo non deve essere modificato (Array e oggetti) 4. let lo utilizzi per dichiarare le variabili, e non deve essere utilizzato se il browser non è aggiornato. 5. Da utilizzare solo var se è NECESSARIO supportare i browser più vecchi.

>

>

// DICHIARAZIONE

• La creazione di una variabile in JavaScript è detta "dichiarazione" di una variabile.
• Si dichiara una variabile JavaScript con la parola chiave var o con la let parola chiave:
• Dopo la dichiarazione, la variabile non ha alcun valore (tecnicamente lo è undefined).

Per assegnare un valore alla variabile, utilizzare il segno di uguale: carName = "Volvo";

In JavaScript, il segno di uguale ( =) è un operatore di "assegnazione", non un operatore di "uguale a". L'uguale in Java Script si scrive : (==)

var carName; let carName;

>

>

//Una dichiarazione, molte variabili

• È possibile dichiarare più variabili in un'unica istruzione.
• Iniziare l'istruzione con let e separare le variabili con una virgola (,) (alla fine della dichiarazione viene inserito il (;)

ESEMPIO: let person = "John Doe", carName = "Volvo", price = 200; Una dichiarazione può estendersi su più righe: let person = "John Doe", carName = "Volvo", price = 200;

>

<Ambito delle variabili>

>

• Le variabili dichiarate con la varparola chiave NON possono avere ambito di blocco.
• Le variabili dichiarate all'interno di un blocco { } sono accessibili dall'esterno del blocco.

• L'ambito determina l'accessibilità (visibilità) delle variabili.
• Le variabili JavaScript hanno 3 tipi di ambito:

1.) Ambito del blocco2.) Ambito della funzione3.) Ambito globale

• Due nuove importanti parole chiave JavaScript:

let e const.

• Queste due parole chiave definiscono l'ambito del blocco in JavaScript.
• Le variabili dichiarate all'interno di un blocco { } non sono accessibili dall'esterno del blocco:

ES:{ let x = 2;}// x non può essere usato qui.

<02> VARIABILI LOCALI

function miaFunzione() { let nomeMacchina = "Volvo"; }

Le variabili dichiarate all'interno di una funzione JavaScript sono LOCALI rispetto alla funzione:

Le variabili locali hanno un ambito di funzione : Sono accessibili solo dall'interno della funzione.

function miaFunzione() {var nomeMacchina = "Volvo"; // AMBITO DELLA FUNZIONE } function miaFunzione() { let nomeMacchina= "Volvo"; // AMBITO DELLA FUNZIONE } functionmiaFunzione() { const nomeMacchina = "Volvo"; // AMBITO DELLA FUNZIONE }

Ambito della funzione Ogni funzione crea un nuovo ambito. Le variabili definite all'interno di una funzione non sono accessibili (visibili) dall'esterno della funzione. Hanno tutti un ambito funzionale :

<GO>

>

>

// VARIABILI GLOBALI

Possono accedervi tutti gli script e le funzioni di una pagina web. È possibile accedere alle variabili globali da qualsiasi punto di un programma JavaScript.

SI USANO LE STESSE VARIABILI COME: let const var

// Automaticamente globale

Hanno tutti una portata globale : var x = 2; let x = 2; const x = 2;

• Se si assegna un valore a una variabile che non è stata dichiarata, questa diventerà automaticamente una variabile GLOBALE .
• Questo esempio di codice dichiarerà una variabile globale nomeMacchina, anche se il valore è assegnato all'interno di una funzione.

ESEMPIO: miaFunzione(); function miaFunzione() { nomeMacchina= "Volvo"; }

<03> FUNZIONI

• Le parentesi possono includere nomi di parametri separati da virgole:

( parametro1, parametro2, ... )

• I parametri della funzione sono elencati tra parentesi () nella definizione della funzione.

• function miaFunzione(p1, p2) {

return p1 * p2;

• Una funzione JavaScript è un blocco di codice progettato per eseguire una determinata attività.
• Una funzione JavaScript viene eseguita quando "qualcosa" la invoca (la chiama).
• Le funzioni JavaScript sono definite con la function parola chiave seguita da un nome , seguito da parentesi () .
• I nomi delle funzioni possono contenere lettere, cifre, caratteri di sottolineatura e simboli di dollaro (valgono le stesse regole delle variabili).

START >

>

>

Funzione Ritorno

Il valore di ritorno viene "restituito" al "chiamante": let x = miaFunzione(4, 3); function miaFunzione(a, b) { //La funzione ritorna il prodotto del a*b return a * b; }

• Quando JavaScript raggiunge return un'istruzione, la funzione interrompe l'esecuzione.
• Se la funzione è stata richiamata da un'istruzione, JavaScript "ritornerà" per eseguire il codice dopo l'istruzione di richiamo.
• Le funzioni spesso calcolano un valore di ritorno .

L'operatore ()

DICHIARAZIONE: function functionName(parameters) { function miaFunzione(a*b) { return a*b; } }

È possibile utilizzare una dichiarazione di funzione o un'espressione di funzione .

I punti e virgola (;) vengono utilizzati per separare le istruzioni JavaScript eseguibili.

ESPRESSIONE:Una funzione JavaScript può essere definita anche utilizzando un'espressione. Un'espressione di funzione può essere memorizzata in una variabile: // Funzione per calcolare il prodotto di p1 e p2 function miaFunzione (p1, p2) { return p1 * p2; }

L'operatore () richiama (chiama) la funzione: function toCelsius (fahrenheit) { return (5/9) * (fahrenheit-32); } let value = toCelsius(77);

>

>

GRAZIE