English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Tutorial di base JavaScript

Oggetto JavaScript

Funzione JavaScript

HTML DOM JS

BOM del browser JS

Tutorial di base AJAX

Manuale di riferimento JavaScript

Ambito delle variabili JavaScript

L'ambito della variabile è la regione del programma in cui è definita.

Le variabili JavaScript hanno solo due ambiti:

  • Ambito locale

  • Ambito globale

L'ambito determina l'accessibilità (visibilità) delle variabili.

Variabile locale JavaScript

Le variabili dichiarate all'interno della funzione hannoLOCALAmbito (locale), il che significa che non possono essere chiamate o operazioni esterne alla funzione.

// Ecco il codice che non può utilizzare cityName
function myFunc() {
  var cityName = "New Delhi";
  
  // Ecco il codice che può utilizzare cityName  
}
// Ecco il codice che non può utilizzare cityName
Testa e vedi‹/›

Le variabili locali hanno un ambito di funzione e possono essere accedute solo dall'interno della funzione.

Poiché le variabili locali possono essere riconosciute solo all'interno della loro funzione, possono essere utilizzate variabili con lo stesso nome in diverse funzioni.

Creano variabili locali all'inizio della funzione e le eliminano quando la funzione è completata.

Variabile globale JavaScript

Le variabili dichiarate al di fuori della funzione hannoGLOBALAmbito, il che significa che possono essere utilizzate tutte le script, sia all'interno che all'esterno della funzione.

// Inizializzazione della variabile globale
var cityName = "New Delhi";
// Ecco il codice che può utilizzare cityName
function myFunc() {  
  // Ecco il codice che può utilizzare cityName
}
// Ecco il codice che può utilizzare cityName
Testa e vedi‹/›

Accessibile da qualsiasi parte del programma JavaScript.

Nel seguente esempio, creeremo un GLOBAL cityNameVariabile. All'interno della funzione c'è una variabile locale con lo stesso nome.

// Inizializzazione della variabile globale
var cityName = "New Delhi";
function myFunc() {
  // Inizializzazione della variabile locale e della variabile di intervallo della funzione
  var cityName = "Jaipur";
  document.writeln(cityName);
}
// Output della variabile globale e della variabile locale
document.writeln(cityName);
myFunc();
document.writeln(cityName);
Testa e vedi‹/›

Puoi vedere che i valori delle variabili differiscono a seconda dell'ambito e che il valore originale non è cambiato, visualizzandole nel documento.

Variabile globale automatica

Se assegni un valore a una variabile non dichiarata, diventerà automaticamenteGLOBAL (globale)Variabili.

Questo esempio dichiarerà una variabile globalecityNameAnche se è stato assegnato un valore all'interno della funzione.

myFunc();
// Ecco il codice che può utilizzare cityName 
function myFunc() {
  cityName = "New Delhi";
}
Testa e vedi‹/›

A meno che non sia necessario, non creare variabili globali facilmente.

Le variabili globali possono sovrascrivere le variabili di finestra.

Ogni funzione, inclusi gli oggetti window, può sovrascrivere le variabili GLOBAL.

Differenze tra var, let e const

JavaScript ha tre diversi keyword per dichiarare variabili, il che aggiunge una complessità ulteriore al linguaggio.

La differenza tra i due si basa sul raggio, l'elevazione e la ri-assegnazione.

Parola chiaveRaggioElevazionePuò essere ri-assegnatoPuò essere ri-declarato
varArea di scopo della funzione
letArea di scopo bloccataNoNo
constArea di scopo bloccataNoNoNo

Area di scopo del blocco del codice JavaScript

ConvarLe variabili dichiarate con la chiave non possono avere un'area di scopo bloccato.

Le variabili dichiarate con la chiave possono essere accedute dall'esterno del blocco in cui sono state dichiarate:

  { 
  var num = 50; 
  }
  // num può essere utilizzato qui

ConletLe variabili dichiarate con la chiave possono avere un'area di scopo bloccato.

Le variabili dichiarate con la chiave non possono essere accedute dall'esterno del blocco in cui sono state dichiarate:

  { 
  let num = 50; 
  }
  // num non può essere utilizzato qui

Dichiarazione variabile con constConletSimile a un'area di scopo bloccata.

  { 
  const num = 50; 
  }
  // num non può essere utilizzato qui

Il valore delle costanti non può essere cambiato tramite riassegnazione e non può essere ri-declarato.

La vita utile delle variabili JavaScript

La vita utile delle variabili JavaScript inizia dalla dichiarazione.

Dopo la completazione della funzione, verranno eliminatiLocaleVariabili.

Quando chiudi la finestra del browserGlobaleLe variabili saranno eliminate, ma rimarranno disponibili per le nuove pagine caricate nella stessa finestra.