Nozioni di base su JavaScript. Grammatica e tipi Lavorare con le variabili in javascript

Le variabili in JavaScript sono contenitori per la memorizzazione di varie informazioni.

Variabili JavaScript

Le variabili JavaScript sono "contenitori" in cui è possibile caricare varie informazioni e recuperarle successivamente.

Ogni variabile JavaScript deve avere il proprio nome univoco, che può iniziare con una lettera latina o il carattere "_".

Nota: I nomi delle variabili in JavaScript non possono iniziare con numeri.

Nota: poiché JavaScript fa distinzione tra maiuscole e minuscole, le variabili con lo stesso nome scritte in maiuscolo diverso (come var e var) verranno trattate come variabili diverse.

Creazione di variabili

La creazione di variabili in JavaScript viene spesso chiamata "annuncio" variabili.

Le variabili in JavaScript vengono dichiarate con un comando var.

//Crea una variabile denominata ex1 var ex1; //Crea una variabile denominata ex2 var ex2;

Le variabili create sopra saranno vuote, ovvero abbiamo creato contenitori, ma non abbiamo caricato alcun valore in essi.

I valori possono anche essere caricati nei contenitori proprio al momento della creazione, come nell'esempio seguente:

//Crea una variabile denominata ex1 contenente il valore 4 var ex1=4; //Crea una variabile denominata ex2 contenente il valore 5 var ex2=5;

Per estrarre un valore da una variabile creata in precedenza, è necessario fare riferimento al suo nome.

Nell'esempio seguente estrarremo i contenuti delle variabili e li visualizzeremo immediatamente sulla pagina utilizzando il comando document.write.

//Scrivi il numero 4 nella variabile ex1 var ex1=4; //Scrivi il numero 5 nella variabile ex2 var ex2=5; //Inserisce il contenuto della variabile ex1 nella pagina document.write(ex1+"
"); //Emette il contenuto della variabile ex2 document.write(ex2+"
"); //Modifica il contenuto della variabile ex2 ex2=200; //Emette il nuovo contenuto della variabile ex2 document.write(ex2);

Occhiata veloce

Variabili stringa

Oltre ai numeri, puoi memorizzare testo arbitrario in variabili. Vengono chiamate le variabili che memorizzano il testo variabili stringa.

Quando scrivi del testo su una variabile, assicurati di racchiuderlo tra virgolette doppie ("") o virgolette singole ("").

//Scrivi la stringa "Ciao a tutti!" nella variabile ex var ex="Ciao a tutti!"; //Inserisce il valore della variabile ex nella pagina document.write(ex);

Occhiata veloce

Definizione di variabili con e senza var

In JavaScript, puoi definire variabili con e senza var.

//Crea una nuova variabile con var var ex=123; //Crea una nuova variabile senza var ex2=20;

Potresti pensare che la dichiarazione di variabili con e senza var produca sempre lo stesso risultato, ma questo è vero solo quando la dichiarazione si verifica nel contesto globale (cioè al di fuori di tutte le funzioni).

Se la dichiarazione avviene in un contesto locale (cioè nel corpo di una funzione), la dichiarazione con var crea una variabile locale (cioè una variabile che sarà disponibile solo nel corpo di questa funzione e verrà distrutta dopo la funzione viene eseguita), la dichiarazione senza var crea una variabile globale (cioè una variabile che sarà disponibile per altre funzioni all'interno di questo script).

Nota: parleremo di più delle variabili locali e globali più avanti in questo tutorial.

Informazioni sull'eliminazione e sulla ridefinizione delle variabili

Ridefinendo le variabili non si cancella il valore in esse memorizzato.

Varex=123; varex; document.write(ex); // Uscita 123

Se vuoi eliminare una variabile in JavaScript e non è stata dichiarata con var puoi usare l'istruzione Elimina.

Es=123; elimina ex;

L'operatore delete non può eliminare le variabili dichiarate con var, quindi se una variabile è stata dichiarata con var, l'unico modo per eliminarla è impostarla su null o undefined.

Varex=123; ex=nullo; // o ex=non definito

Fallo da solo

Esercizio 1. Correggi gli errori nel codice seguente:

Esercizio 1

Compito 2. Il file esterno secred1.js contiene le variabili sec1, sec2, sec3 e sec4, che contengono le lettere della parola in codice (fuori ordine). Collega un file esterno e scopri la parola in codice visualizzando i valori delle variabili nella pagina.

Lavorando in Javascript, possiamo inserire valori numerici, stringa e booleani, ma funzionano se il programma contiene le informazioni necessarie. A tale scopo sono state create delle variabili che consentono di memorizzare in te stesso vari tipi di informazioni ed è come una sorta di contenitore a cui puoi accedere in qualsiasi momento e ottenere le informazioni che si trovano in esso.

Crea una variabile

Una variabile viene creata in due passaggi: dichiarare la variabile e darle un nome.

Per cominciare, dobbiamo dichiarare una variabile, cioè dichiararla, questo viene fatto usando la parola chiave var. Successivamente, scriviamo un'istruzione, questo è il nome della variabile, il suo nome, come ci riferiremo ad essa, ad esempio, scriverò dwstv.

Il modo in cui nomi le variabili dipende da te, ovviamente, ma ci sono alcune regole che devono essere seguite affinché javascript funzioni:

• prima regola, evitare di usare parole riservate. Alcune parole del linguaggio JavaScript vengono utilizzate nel sistema stesso, come la parola var con cui dichiariamo una variabile. Inoltre, alcune parole, come alert , document , window , sono considerate proprietà speciali di una pagina web. Se provi a usarli come variabili, riceverai un messaggio di errore. Puoi vedere l'elenco delle parole riservate qui.
• seconda regola, il nome della variabile deve iniziare con una lettera, $ o _. Cioè, una variabile non può iniziare con un numero o un segno di punteggiatura: i nomi 1dwstv e &dwstv non funzioneranno, ma i nomi $dwstv e _dwstv lo faranno.
• terza regola, il nome della variabile può contenere lettere, numeri, simboli $ e _ e non può contenere spazi o altri caratteri speciali nel nome: dws&tv e dws tv non sono nomi validi e questo formato è dws_tv e dwstv1 o dws_tv_1 .
• quarta regola, i nomi delle variabili fanno distinzione tra maiuscole e minuscole. L'interprete JavaScript tratta le lettere minuscole e maiuscole in modo diverso, quindi DWSTV è diverso da dwstv e DwStv e Dwstv .
• quinta regola, n Non è consigliabile utilizzare caratteri non latini, variabili scritte in cirillico, anche se funzioneranno, ma questo non è garantito, inoltre, non saranno comprese dai colleghi di altri paesi.

Queste sono le cinque regole principali che consiglio di seguire, oltre a queste voglio anche dire, assegna nomi chiari ed espressivi alle tue variabili. Assegna un nome alle variabili in base al tipo di dati che memorizzi al loro interno, questo ti aiuterà a capire cosa verrà scritto in futuro e, guardando tali variabili, sarà chiaro cosa è in gioco.

Quando assegni un nome alle variabili, cerca di renderle di facile lettura. Quando usi più parole, aggiungi un trattino basso o inizia ogni parola dopo la prima con una lettera maiuscola. Ad esempio, dwsTv o dws_tv .

Utilizzo di variabili

All'inizio della lezione, abbiamo smontato in cosa consiste la variabile, ora che sappiamo come crearla, possiamo memorizzarvi qualsiasi tipo di dato a nostra discrezione.

Per inserire i dati in una variabile, viene utilizzato un carattere speciale, il segno di uguale (= ), viene chiamato operazione di assegnazione, perché viene utilizzato per assegnare un valore a una variabile.

Ad esempio, mettiamo un valore digitale nella variabile dwstv, il numero di iscritti è 8500, dichiarare la variabile var dwstv; e nella seconda riga vi mettiamo il valore dwstv = 8500;

Vardwstv; dwstv = 7200;

E così, con la prima riga abbiamo creato una variabile e con la seconda riga abbiamo salvato il valore in essa. Possiamo anche creare una variabile e memorizzarvi dei valori con una singola istruzione, ad esempio:

vardwstv = 7200;

In una variabile, possiamo memorizzare tutti i tipi di dati trattati nelle lezioni precedenti, questi possono essere valori numerici, stringa e booleani:

var dwstv = 7200; var lezioni = 'JavaScript'; var youtubeCanal = 'DwsTV'; var sottoscrittori = '7700'; contenuto variabile = vero;

Possiamo anche risparmiare spazio e tempo dichiarando le variabili con una singola chiave var, ad esempio:

Lezioni var = 'JavaScript', youtubeKanal = 'DwsTV', iscritti = '7700', contenuto = true;

Dopo aver memorizzato i valori nelle variabili, abbiamo la possibilità di accedere a questi dati. Per fare ciò, basta usare il nome della variabile stessa.

Ad esempio, se vogliamo aprire una finestra di avviso e visualizzare il valore memorizzato nella variabile kanal, possiamo semplicemente scrivere il nome della variabile nella funzione di avviso.

avviso(canale);

Nota che non citiamo le variabili: sono solo per le stringhe, quindi non scriviamo alert('kanal') , perché in questo caso otterremo le parole kanal, non il valore memorizzato nella variabile.

Ora penso che tu abbia capito perché le stringhe dovrebbero essere citate: l'interprete javaScript tratta le parole senza virgolette come oggetti speciali (come il comando alert()) o come nomi di variabili.

E c'è anche un momento del genere in cui abbiamo dichiarato una variabile con la parola chiave var, e vogliamo cambiare il valore nella variabile, non è necessario dichiararlo nuovamente scrivendo la parola var , è sufficiente chiamare la variabile nome e assegnargli un nuovo valore.

Abbonati = '10000';

Alla fine di questa lezione, voglio dire che imparando una lingua non imparerai a programmare. Indubbiamente imparerai qualcosa di nuovo, ma molto probabilmente il tuo cervello non ricorderà queste informazioni, dal momento che non ci lavori. È impossibile imparare una lingua senza pratica, quindi da questa lezione ottieni un piccolo compito in modo che le informazioni fornite si adattino a te e tu possa lavorarci.

Compito pratico:

Crea tre variabili, una con un valore numerico, la seconda con un valore stringa e la terza con un valore booleano. Dichiara tutte le variabili con una singola parola chiave var e visualizzale nella pagina. Quindi ridefinire la variabile con un valore numerico e visualizzare il risultato utilizzando la funzione alert().

All'inizio del prossimo video, analizzeremo questo problema, condivideremo i tuoi risultati nei commenti, scriverai se qualcuno ha domande. Se la lezione ti è piaciuta e vuoi sostenere il progetto, condividila sui social network.

Nella prossima lezione daremo uno sguardo dettagliato a come lavorare con i tipi di dati e le variabili, conosceremo le operazioni matematiche e l'ordine in cui vengono eseguite ed esamineremo anche i metodi per combinare stringhe e valori numerici.

La lezione è stata preparata da Gorelov Denis.

Una variabile è un pezzo di memoria con nome in cui è possibile memorizzare alcune informazioni e ottenerle da esse.

Le variabili vengono dichiarate (create) utilizzando la parola chiave var.

// messaggio - nome variabile var messaggio;

Quando crei una variabile, puoi assegnarle immediatamente un valore.

L'assegnazione di un valore a una variabile viene eseguita utilizzando l'operatore "=".

// ad esempio, crea una variabile email e assegna la stringa " [email protetta]" var email = " [email protetta]"; // imposta la variabile email su un nuovo valore email = " [email protetta]";

Per ottenere il valore di una variabile, fai semplicemente riferimento ad essa per nome.

// ad esempio, visualizza il valore della variabile email nella console del browser: console.log(email);

Per dichiarare più di una variabile con la stessa parola chiave var, è necessario utilizzare una virgola.

Prezzo var = 78,55, quantità = 10, messaggio;

JavaScript è un linguaggio tipizzato dinamicamente o debolmente. Ciò significa che quando si dichiara una variabile, non è necessario specificare il tipo di dati che può assumere. Pertanto, una variabile può essere inserita prima con un valore di un tipo di dati e poi con un altro.

var output = "successo"; // la variabile ha output del tipo di dati stringa = 28; // la stessa variabile, ma ha già il tipo di dati "numero" output = true; // la stessa variabile, ma sta già memorizzando un valore booleano

Il valore di una variabile può essere modificato un numero illimitato di volte.

// variabile età creata var age; // l'età variabile è impostata su 67 anni = 67; // l'età variabile è impostata su "Età di pensionamento" age = "Età di pensionamento"; // l'età variabile è impostata su 55 età = 55;

È buona norma quando si sviluppa lato client utilizzare un solo tipo di dati in una determinata variabile, ad es. non memorizzare valori che hanno tipi di dati diversi in una variabile. Per capire che tipo di dati aspettarsi in una variabile, si consiglia di inizializzarla immediatamente con un certo valore durante la creazione di una variabile.

Il nome della variabile può essere composto da lettere, numeri e dai simboli $ e _. Il primo carattere della variabile non deve essere una cifra. Inoltre, le parole riservate non possono essere utilizzate come nome di variabile.

// creando due variabili, la prima variabile si chiama phone, la seconda è meassage; var telefono, messaggio;

Il caso delle lettere in un nome variabile è importante. Cioè, ad esempio, la variabile telefono e Telefono sono due variabili diverse.

Se la modalità rigorosa non viene utilizzata, è possibile creare una variabile con il valore iniziale senza la parola chiave var.

Prezzo = 250,00; // ha creato una variabile e l'ha inizializzata con un numero 250.00 percento = "20%"; // ha creato una variabile e l'ha inizializzata con la stringa "20%"

Ma non è consigliabile creare variabili in questo modo.

Tipi di dati

In JavaScript, i tipi di dati possono essere suddivisi in primitivi e tipi di oggetti.

Le variabili contenenti tipi di dati primitivi memorizzano il valore in modo esplicito.

Esistono 5 tipi di dati primitivi in ​​JavaScript:

• numero (numero);
• stringa (stringa);
• tipo booleano (booleano);
• nullo;
• non definito.

Se a una variabile viene assegnato un valore a un'altra che contiene un tipo di dati primitivo, riceverà la propria copia di quel valore.

Var x = 77, y = x; x=55; si; // 77

Le variabili che contengono un oggetto non memorizzano effettivamente l'oggetto stesso, ma un riferimento ad esso.

Se a una variabile viene assegnato il valore di un'altra, che contiene un oggetto (un riferimento ad esso), riceverà anche un riferimento ad esso. Come risultato di questa operazione, queste due variabili conterranno un riferimento allo stesso oggetto.

// esempio 1 (con tipo di dati "oggetto") var coord1 = (x: 77, y: 100), coord2 = coord1; coordina1.x = 55; // imposta la proprietà x dell'oggetto su un nuovo valore coord2.x; // 55 perché coord1 e coord2 contengono un riferimento allo stesso oggetto // esempio 2 (con tipo di dati "array") var coord1 = , coord2 = coord1; coordina1 = 55; // imposta l'elemento con indice 0 su un nuovo valore coord2; // 55 perché coord1 e coord2 contengono un riferimento allo stesso oggetto // esempio 3 (con tipo di dati "date") var date1 = new Date(2018,00,01), date2 = date1; date2 = date2.setDate(date2.getDate()+7); // incrementa la data di 7 giorni date1; // 01/07/2018, perché date1 e date2 contengono un riferimento allo stesso oggetto

Numero (numero)

Il tipo numerico nei dati JavaScript è generico. Viene utilizzato per rappresentare sia numeri interi che frazionari.

variante = 5; // intero var float = 5,98; // numero frazionario

Il formato di rappresentazione dei numeri in JavaScript è conforme allo standard IEEE 754-2008.

Gli interi in JavaScript possono essere specificati non solo in decimale, ma anche in ottale (0) o sistema numerico esadecimale (0x) utilizzando i prefissi riportati tra parentesi:

variante = 010; // 8 int = 055; // 45 int = 0xFF; //255 int = 0xB8; // 184

Puoi scrivere i numeri forma esponenziale:

valore = 2e3; // notazione esponenziale per il numero 2*10^3 (2000) num = 2e-3; // notazione esponenziale per il numero 2*10^-3 (0.002) num = 3.2e3; // 3200 num = 1,5e-2; // 0,015

Il tipo di dati numerico, oltre ai numeri, contiene anche valori numerici speciali:

• Infinito (infinito positivo);
• -Infinito (infinito negativo);
• NaN (non un numero).

Il valore speciale Infinity indica un numero positivo molto grande, ad es. un numero che non può essere rappresentato in JavaScript perché è troppo grande.

I valori speciali -Infinito significano, al contrario, un numero negativo molto grande, ad es. un numero che non può essere rappresentato da JavaScript perché è anche troppo grande.

Un esempio di espressioni a seguito delle quali sarà il calcolo restituito valori numerici speciali:

5/0; // Infinito -5/0; // -Infinity Math.pow(10,399); // Infinity(10 alla potenza di 399) Math.pow(10,399); // -Infinity (-10 alla potenza di 399)

Il valore NaN viene restituito come risultato di operazioni matematiche che JavaScript non è in grado di calcolare.

5 - "Ciao"; // NaN (sottrai una riga dal numero 5) 1000 / "20px"; // NaN (numero diviso per stringa) true * "1rem"; // NaN (valore booleano true moltiplica per stringa)

Detto questo, è molto interessante che il valore NaN in JavaScript non sia uguale a nulla, incluso se stesso.

NaN == NaN; // falso NaN === NaN; //falso

Tipo di dati booleano (Booleano)

Boolean è un tipo di dati primitivo che ha solo due valori: true (true) e false (false).

Var a = vero; varb=falso;

Corda

String è un tipo di dati utilizzato in JavaScript per rappresentare il testo.

Una stringa JavaScript può essere lunga 0 o più caratteri.

JavaScript usa sempre Unicode come formato di stringa.

La creazione di una stringa (stringa letterale) viene eseguita da racchiudendo il testo tra virgolette singole o doppie.

JavaScript; "Script ECMA";

In JavaScript, non c'è differenza tra virgolette singole e doppie.

Ma in alcuni casi ha senso usare virgolette singole piuttosto che virgolette doppie e viceversa.

Ad esempio, quando una stringa contiene virgolette doppie, è più conveniente racchiuderla tra virgolette singole. Ciò eliminerà la necessità di sfuggire alle virgolette doppie.

"Script ECMA"; // senza escape (usando virgolette singole) "\"ECMAScript\""; // sfuggito

Una stringa in JavaScript può contenere caratteri speciali. Ad esempio, \n (avanzamento riga), \t (scheda), \r (ritorno a capo), ecc.

"Questa è una frase.\nAnche questa è una frase, ma inizierà su una nuova riga.";

Con le stringhe si può eseguire l'operazione di addizione (unione) o, in altre parole, di concatenazione. Per questo viene utilizzato l'operatore "+". Il significato di questa operazione è aggiungere la seconda stringa alla fine della prima.

"Amo" + "JavaScript"; // Adoro JavaScript

Significa "indefinito"

undefined è un tipo di dati primitivo speciale che ha un singolo valore uguale a undefined .

Questo tipo di dati ha una variabile dichiarata a cui non è stato ancora assegnato un valore.

Varno; // non definito

Il valore non definito verrà restituito anche quando si accede a una proprietà dell'oggetto inesistente.

var obj = (); // oggetto vuoto obj.prop; // non definito

Valore "nullo"

null è un tipo di dati primitivo speciale che ha un unico valore, null .

null è solo un valore speciale che ha il significato di "niente" o "valore sconosciuto", ad es. ovviamente non significa nulla.

Oggetto

Un oggetto è una struttura dati composta da coppie nome-valore.

Un oggetto viene creato utilizzando la notazione letterale dell'oggetto come segue:

( nome_1: valore_1, nome_2: valore_2, nome_3: valore_3, ... )

Come puoi vedere, il nome è separato dal valore usando i due punti e le coppie sono separate l'una dall'altra usando una virgola.

Inoltre, se una funzione funge da valore di una coppia, viene chiamata metodo di questo oggetto. Tutte le altre coppie, ad es. le coppie che non utilizzano una funzione come valore sono chiamate proprietà dell'oggetto.

In altre parole, un oggetto è una struttura dati costituita da proprietà e metodi.

Var person = ( nome: "Vitaly", età: 27, getAge: function () ( return "Age: " + this.age; ) )

L'accesso alle proprietà di un oggetto avviene tramite un punto o tramite la notazione tra parentesi.

// mostra il valore della proprietà age nella console del browser // 1 via (tramite un punto) console.log(person.age); // 2a via (tra parentesi) console.log(person["age"]); // chiama il metodo getAge; il valore che restituirà verrà inviato alla console console.log(person.getAge());

tipo di operatore

L'operatore typeof viene utilizzato per ottenere informazioni sul tipo di dati di un'espressione sotto forma di stringa.

La sintassi per l'operatore typeof (la versione senza parentesi):

tipo di espressione

La sintassi per l'operatore typeof (usando le parentesi):

tipo di (espressione)

Varname, età=37, email=" [email protetta]", isLicense = true, interest: null, lastExperience: ( periodo: "June 2011 - June 2018", luogo: "ISACA, Mosca", posizione: "Web designer" ), getExperience: function() ( return lastExperience.period + " ("+ lastExperience.position + " - " + lastExperience.place + ")"; ); tipo di nome; // tipo di età "non definita"; // tipo "numero" di licenza; // tipo di interesse "booleano"; / / "object" (1) typeof lastExperience; // "object" typeof getExperience; // "function" (2) /* (1) è un bug presente nel linguaggio sin dalla sua prima implementazione; non è stato risolto per motivi di compatibilità e dovrebbe essere preso in considerazione durante la scrittura di script; null è un tipo di dati primitivo, non è un oggetto */ /* (2) - è molto conveniente che l'operatore typeof separi le funzioni separatamente; ma una funzione in JavaScipt è anche oggetto; questo può essere facilmente visto se si esegue la seguente costruzione: */ typeof getExperience.__proto__.__proto__ // "object" (il prototipo della funzione è un oggetto)

Costanti

Con il rilascio di ECMAScript 6, è diventato possibile creare costanti. Questo viene fatto usando la parola chiave const.

Costante COLORE_ROSSO = "#ff0000";

Una costante è una variabile il cui valore è protetto dalla modifica. Quelli. il tentativo di modificare il valore genererà un errore.

Costante COLORE_ROSSO = "#ff0000"; COLORE_ROSSO = "#f44336"; // Uncaught TypeError: assegnazione a una variabile costante.

Se, ad esempio, una costante contiene un oggetto, allora non può essere modificata, o meglio un riferimento ad esso. Ma le proprietà di questo oggetto possono essere modificate.

Costante COLORI = ( rosso: "#ff0000", verde: "#00ff00", blu: "#00ff00" ) COLORI = ["#ff0000","#00ff00","#00ff00"]; // Uncaught TypeError: assegnazione a una variabile costante. COLORS.green = "#4caf50";

Ad essere sincero, non volevo introdurre questo argomento dall'inizio. Cosa si può dire delle variabili, specialmente in JavaScript? Ma poi mi sono ricordato di come a volte mi occupassi di costruzioni complesse e facessi fatica a capire alcune espressioni che sembravano inaccettabili in altri linguaggi di programmazione. Puoi dire questo: qui non riceverai l'errore "Tipo di dati non valido" e, in tal caso, sarà molto raro. Se hai lavorato con altri linguaggi di programmazione, ricorda la frequenza con cui hai riscontrato un errore relativo a tipi di dati errati. In JavaScript, un tipo di dati può essere facilmente sovrascritto senza che tu ti accorga di dove, ed è qui che diventa complicato. D'altra parte, se sei esperto nei principi delle conversioni di tipo, conosci tutte le proprietà di variabili e array, queste funzionalità ti daranno solo fiducia nella scrittura di programmi.

Le variabili JavaScript possono memorizzare valori di vario tipo:

• Stringhe: una sequenza di caratteri;
• Valori numerici: numeri interi e reali;
• I valori booleani sono solo due valori veri o falsi;
• Gli array sono insiemi di variabili dello stesso tipo;
• Le date sono valori di data e ora.

La durata di una variabile è correlata alla finestra in cui vengono create e dipende da dove sono definite. I programmi JavaScript sono contenuti all'interno di documenti HTML e quando un nuovo documento viene caricato nel browser, tutte le variabili create nel programma verranno rimosse.
Per salvare eventuali valori durante il caricamento di un nuovo documento in JavaScript, ci sono solo 2 soluzioni:

• creando variabili nel documento di primo livello contenente il frame;
• utilizzando "cookie";

Per memorizzare variabili e funzioni utilizzando documenti con frame, queste variabili e funzioni devono essere definite nel documento di livello superiore e quindi utilizzare le proprietà padre o superiore dell'oggetto finestra per accedervi dai documenti caricati nei frame. IMPORTANTE: tali variabili e funzioni devono essere impostate nell'intestazione del documento di primo livello tra i tag . . . . Naturalmente, esiste la possibilità che il documento possa essere caricato senza cornice, quindi l'accesso a un oggetto non definito provocherà un errore, ma puoi prima verificare se il documento è caricato in una cornice:

I cookie consentono di memorizzare piccole informazioni sul disco locale dell'utente. Impostando i valori dei cookie e ordinandoli nelle fasi successive del lavoro, è possibile ripristinare i valori necessari. Parleremo di più dei cookie più avanti.

Nomi di variabili, creazione di variabili

È molto più semplice creare una variabile in JavaScript che in altri linguaggi di programmazione. Ad esempio, quando si crea una variabile, non è necessario specificarne il tipo. Le variabili sono definite con o senza valori iniziali. Durante l'esecuzione del programma, è anche possibile eseguire il cast di variabili già create su diversi tipi di dati. I nomi delle variabili possono iniziare con qualsiasi lettera (dalla a alla z o dalla A alla Z) o un trattino basso (_), il resto può contenere numeri, trattini bassi e lettere. Ricorda che i nomi delle variabili distinguono tra caratteri maiuscoli e minuscoli: ad esempio MyVariable non è la stessa cosa di myvariable.
Una variabile può essere creata in uno dei seguenti modi:

• utilizzando l'operatore var e l'operatore di assegnazione (=);
• utilizzando l'operatore di assegnazione (=).

L'operatore Var viene utilizzato non solo per creare una variabile, ma anche per inizializzarla. L'operatore di assegnazione (=) è necessario per memorizzare un valore in una variabile e non è necessario quando si lavora con variabili create senza un valore iniziale. Per esempio:

VarMyVariable = 35

Crea una variabile denominata MyVariable contenente il valore numerico 35. La variabile esiste finché il documento corrente è caricato. Se crei questa variabile in un documento con frame di primo livello, dovresti accedervi usando l'espressione top.MyVariable, o meglio ancora parent.MyVariable per proteggerti dai frame nidificati.

In JavaScript, le variabili possono essere sovrascritte, anche specificando un tipo di dati diverso. Ad esempio, dopo aver eseguito l'istruzione

Var MyVariable = "35"

La variabile memorizzerà già la stringa "35". Tali trasformazioni a volte portano a malintesi. Per esempio:

Quale valore pensi che assumerà la variabile "c" dopo l'esecuzione del programma? Se non hai familiarità con le regole per convertire le variabili in JavaScript, non indovinerai. Il valore della variabile "c" dopo il completamento del blocco sarà uguale al valore numerico 320. Parleremo più avanti dei principi della conversione del tipo di variabile. Una variabile può essere definita senza utilizzare l'operatore "Var", ma è sufficiente assegnare un valore e che tipo di dati verrà assegnato, quel tipo sarà una variabile. L'operatore "Var" viene utilizzato principalmente per la leggibilità di un programma JS. Una variabile può essere impostata anche senza valori iniziali, ad esempio:

VarMyVariable;

È stata creata una variabile denominata MyVariable senza un tipo di dati definito e senza un valore iniziale. Le variabili create utilizzando tali dichiarazioni sono note come variabili null. Ad esempio, confrontando una tale variabile con null, puoi scoprire se la variabile è definita. Tuttavia, non si dovrebbero confondere cose diverse: "" - una stringa vuota è un tipo stringa e non un valore nullo.

Il tipo di variabile può essere impostato ovunque in un programma JS, a differenza di altri linguaggi di programmazione, il che ti offre maggiore flessibilità, ma anche possibilità di confusione: ricordalo. Non è possibile accedere a una variabile che non è stata creata. Se vuoi creare una variabile temporanea, come un contatore di loop, devi anteporre ad essa var:
per (var i=0; i<= document.links.length; i++) {
. . . . .
}
in questo esempio, la variabile i viene inizializzata e quindi utilizzata come contatore dell'istruzione for.
Le variabili definite con var sono separate da una virgola. Per una maggiore leggibilità di un programma JS, ogni variabile viene solitamente scritta su una nuova riga.

Variabili stringa

Una stringa è un insieme di caratteri racchiusi tra virgolette singole o doppie. Le stringhe in JavaScript vengono trattate come oggetti. Questo è di gran lunga il tipo di oggetto più comune, quindi JavaScript ha molte funzioni standard per manipolare le stringhe. Puoi creare un oggetto String in uno dei seguenti modi:

• assegnare un valore usando il costruttore String();
• utilizzando l'operatore Var e l'operatore di assegnazione per creare e inizializzare una stringa;
• creazione e inizializzazione di una variabile stringa in una dichiarazione di assegnazione;
• convertire una variabile di tipo numerico aggiungendo un tipo stringa (10+"" ==> "10");

Il modo più semplice e comune per creare un oggetto String è utilizzare operatori come

Var myVariable = "Buona birra";

L'istruzione precedente assegna la stringa "Buona birra" alla variabile stringa myVariable. La variabile myVariable viene trattata come un oggetto stringa e può utilizzare qualsiasi metodo di oggetto String JavaScript standard. L'operatore Var può essere saltato, come accennato in precedenza, è necessario principalmente per la leggibilità del programma.

Per creare oggetti stringa, puoi utilizzare il costruttore String() con l'operatore new. L'oggetto String non è effettivamente in JavaScript, ma è un oggetto browser integrato, principalmente perché le stringhe vengono create quando l'utente ne ha bisogno. Considera un esempio:

Var myVariable = new String();

Questa istruzione crea un nuovo oggetto: una stringa vuota denominata myVariable. Inizialmente, è una stringa vuota ("") e il valore della proprietà myVariable.length è 0.

Il costruttore String() accetta una determinata stringa come argomento:

Var myVariable = new String("Birra corretta");

Un oggetto stringa può contenere caratteri speciali che controllano la formattazione della stringa:

• \n - carattere di nuova riga;
• \r - carattere di ritorno a capo;
• \f - codice di transizione a una nuova pagina;
• \xnn - rappresentazione dei caratteri come codice ASCII esadecimale nn;
• \b - codice chiave.

questi caratteri verranno interpretati correttamente solo nei contenitori e nei metodi "Avviso". La formattazione di document.write() viene eseguita con altri metodi o tag HTML. <br>L'oggetto String ha una sola proprietà, length, il cui valore è il numero di caratteri nella stringa contenuta nell'oggetto. I metodi dell'oggetto String possono essere suddivisi in due categorie: <ul><li>metodi di formattazione dei documenti HTML;</li><li>metodi di elaborazione delle stringhe.</li> </ul> I metodi di formattazione del documento vengono utilizzati per restituire le stringhe a un documento e i metodi di manipolazione delle stringhe vengono utilizzati per ispezionare e modificare il contenuto di un oggetto String. <br>Ecco un elenco di metodi: (la lettera F - metodi di formattazione e la lettera Y - gestione delle stringhe) <table border="1"><tbody><tr><td>Metodo</td> <td> </td> <td>Descrizione</td> </tr><tr><td>ancora()</td> <td>In</td> <td>Crea un'etichetta denominata, ad es. etichetta <a name>dal contenuto dell'oggetto</td> </tr><tr><td>grande()</td> <td>F</td> <td>Avvolge una stringa in un contenitore <big> . . . </big>, per visualizzare in caratteri grandi</td> </tr><tr><td>battito di ciglia()</td> <td>F</td> <td>Avvolge una stringa in un contenitore <blink> . . . </blink> per visualizzarlo lampeggiante.</td> </tr><tr><td>grassetto()</td> <td>F</td> <td>Avvolge una stringa in un contenitore <b> . . . </b> per visualizzarlo in grassetto.</td> </tr><tr><td>charAt()</td> <td>In</td> <td>Restituisce il carattere nella posizione specificata nella stringa</td> </tr><tr><td>fisso()</td> <td>F</td> <td>Avvolge una stringa in un contenitore <tt> . . . </tt> per visualizzarlo con un carattere a larghezza costante.</td> </tr><tr><td>colore del carattere()</td> <td>F</td> <td>Avvolge una stringa in un contenitore <font color=colorCode> . . . </font> per visualizzarlo in un colore specifico.</td> </tr><tr><td>dimensione del font()</td> <td>F</td> <td>Avvolge una stringa in un contenitore <font size=fontSize> . . . </font> per visualizzarlo con una dimensione del carattere specifica.</td> </tr><tr><td>Indice di()</td> <td>In</td> <td>Restituisce l'indice del primo carattere dato trovato nella stringa.</td> </tr><tr><td>corsivo()</td> <td>F</td> <td>Avvolge una stringa in un contenitore <i> . . . </i> per visualizzarlo in corsivo.</td> </tr><tr><td>lastIndexOf()</td> <td>In</td> <td>Restituisce l'indice dell'ultimo carattere specificato trovato nella stringa.</td> </tr><tr><td>collegamento()</td> <td>In</td> <td>Crea un tag di collegamento ipertestuale <a href> . . . </a> e vi inserisce il contenuto dell'oggetto</td> </tr><tr><td>piccolo()</td> <td>F</td> <td>Avvolge una stringa in un tag <small> . . . </small> per visualizzarlo con una dimensione del carattere più piccola.</td> </tr><tr><td>colpire()</td> <td>F</td> <td>Avvolge una stringa in un contenitore <strike> . . . </strike> in modo che appaia come barrato.</td> </tr><tr><td>sub()</td> <td>F</td> <td>Avvolge una stringa in un contenitore _{. . .} da visualizzare come pedice.</td> </tr><tr><td>sottostringa()</td> <td>In</td> <td>Restituisce una sottostringa di una stringa di testo.</td> </tr><tr><td>sup()</td> <td>F</td> <td>Avvolge una stringa in un contenitore ^{. . .} per visualizzarlo come apice.</td> </tr><tr><td>in minuscolo()</td> <td>In</td> <td>Converte tutte le lettere di una stringa in minuscolo</td> </tr><tr><td>in maiuscolo()</td> <td>In</td> <td>Converte tutte le lettere di una stringa in maiuscolo</td> </tr></tbody></table><p>Variabili numeriche</p><p>I valori numerici possono essere numeri interi o numeri in virgola mobile. I numeri in virgola mobile sono chiamati reali o reali. Le seguenti operazioni sono applicabili ai valori numerici:</p><ul><li>moltiplicazione (*);</li><li>divisioni (/);</li><li>aggiunta (+);</li><li>sottrazione (-);</li><li>ingrandimento (++);</li><li>diminuire(--);</li> </ul> Inoltre, le operazioni di moltiplicazione, divisione, addizione e sottrazione vengono utilizzate in combinazione con l'assegnazione (*=, /=, +=, -=), così come i metodi dell'oggetto Math. <p>Variabili booleane</p><p>Le variabili booleane o logiche contengono solo valori letterali - true e false - e vengono utilizzate nelle espressioni logiche e negli operatori. <br>Per verificare il valore di una variabile booleana, viene utilizzata anche l'operazione di uguaglianza logica: <br>booleanVar == vero <br>sebbene in questo caso tale operazione di verifica sia ridondante. Per verificare la presenza di valori non veri, utilizzare il segno di negazione logica (!). Ad esempio, l'espressione !booleanVar restituirà true se booleanVar è false. Al posto delle parole "vero" e "falso", puoi utilizzare i valori numerici "1" e "2", poiché questi sono i valori booleani che sono rappresentati nella memoria del computer: 1==vero e 0 ==falso.</p><p>Variabili di matrice</p><p>Le variabili array contengono raccolte ordinate di valori dello stesso tipo, presentate come una singola variabile per comodità. Molti oggetti di proprietà del documento JavaScript standard, come collegamenti ipertestuali ed etichette, sono matrici. In JavaScript, è necessario accedere a un elemento di un array utilizzando un'espressione:</p><p>NomeMatrice</p><p>Dove arrayName è il nome dell'array e index è una variabile numerica o un numero che specifica la posizione dell'elemento nell'array. Ad esempio, arrayName è il primo elemento di questa matrice. Gli indici di array in JavaScript iniziano da zero. Gli elementi dell'array possono essere di qualsiasi tipo, come stringhe o booleani. Inoltre, in determinate condizioni, un array può contenere elementi di vari tipi di dati. In JavaScript, gli array vengono creati con:</p><ul><li>costruttore Array();</li><li>costruttore Object();</li><li>costruttore definito dall'utente.</li> </ul> Il costruttore Array() non solo crea un oggetto array, ma assegna anche valori iniziali ai suoi elementi. È possibile aggiungere elementi a un array in modo dinamico, assegnando valori specifici agli elementi dell'array. È anche consentito "saltare" gli elementi dell'array e impostarli in qualsiasi ordine. Per creare una nuova istanza di un oggetto array, è necessario utilizzare il costruttore Array() con l'operatore new. Ad esempio, nell'esempio seguente viene creata una matrice denominata arrayImg contenente due elementi, ognuno dei quali è un oggetto String <p>var percorso = "c:/images/" , <br>arrayImg = nuovo Array(); <br>arrayImg = percorso+"img1.gif"; <br>arrayImg = percorso+"img2.gif";</p><p>Quando si utilizza il costruttore Array(), il valore della proprietà length viene impostato automaticamente. Pertanto, dopo aver inizializzato gli elementi dell'array nell'esempio precedente, l'espressione arrayImg.length restituisce il valore 2. Gli elementi dell'array possono anche essere forniti come parametri del costruttore:</p><p>var percorso = "c:/images/" , <br>arrayImg = nuovo Array(percorso+"img1.gif", percorso+"img2.gif");</p><p>Questa espressione è una scorciatoia per l'esempio precedente. <br>In JavaScript, puoi creare un array, questo è un array in cui gli elementi hanno un tipo di dati diverso:</p><p>Var myArray = new Array(3.14, true, 85, date(), "word");</p><p>Crea una matrice il cui elemento myArray è un float, l'elemento myArray è un valore booleano e l'elemento myArray è un oggetto Date. <br>La dimensione di una matrice, e quindi il valore della proprietà length di un oggetto creato dal costruttore Array(), dipende dal valore di indice massimo utilizzato per specificare l'elemento della matrice. Per esempio:</p><p>Var myArray = nuovo Array; <br>myArray = "Questo è il 21° elemento dell'array";</p><p>Il ventunesimo elemento dell'array è impostato sul valore stringa "Questo è il 21° elemento dell'array" e il valore della proprietà myArray.length è 21, indipendentemente dal fatto che i valori nell'array siano inferiori a 20. <br>Il valore della proprietà length di un oggetto Array viene impostato automaticamente quando si specifica esplicitamente il numero di elementi nel costruttore Array():</p><p>MyArray = nuovo Array(10);</p><p>L'istruzione crea una matrice di 10 elementi da 0 a 9. Il valore della proprietà length di una matrice non può essere impostato tramite assegnazione perché la lunghezza è una proprietà di sola lettura. Ad esempio, per impostare il valore 10 per la proprietà length, è sufficiente specificare il valore dell'ultimo, in questo caso, il 9° elemento dell'array:</p><p>MyArray = nuovo Array(); <br>mioArray = 0;</p><p>Inoltre, è possibile impostare i valori degli elementi dell'array durante la sua costruzione:</p><p>MyArray = nuovo Array(0,0,0,0,0,0);</p><p>Costruttore Object()</p><p>I termini oggetto e array sono intercambiabili, sebbene i costruttori Object() e Array() funzionino in modo diverso. Non è possibile passare più elementi dell'array al costruttore Object(), quindi questa espressione <br>var myObj = nuovo Oggetto(valore1, valore2); <br>non funzionerà. Le matrici create con il costruttore Object() non hanno una proprietà di lunghezza. Pertanto, quando si crea un array in questo modo, è necessario attraversare l'array con un ciclo for e contare gli elementi dell'array, oppure codificare la lunghezza dell'array come valore del suo primo elemento (solitamente fatto modellando la proprietà length ), e quindi accedervi se necessario per verificare la dimensione dell'array, aumentando il valore quando viene aggiunto un nuovo elemento, e anche come parametro di ciclo quando si leggono o si modificano ciclicamente i valori degli elementi. Un tale oggetto è spesso inaccettabile nei casi in cui il contenuto di un array deve cambiare dinamicamente, quindi nella maggior parte dei casi viene utilizzato il costruttore Array(). Anche i valori dell'indice di matrice creati nel costruttore Object() iniziano da zero. Per creare un array utilizzando il costruttore Object(), è consuetudine utilizzare una notazione della forma:</p><p>Var myObj = new Object(); <br>mioOggetto = 2; // imposta la dimensione dell'array <br>myObj = "Primo elemento"; <br>myObj = "Secondo elemento";</p><p>Per conoscere la dimensione di un array creato in questo modo, è necessario fare riferimento all'elemento myObj. Il valore della proprietà myObj.length è null, poiché il valore non è definito.</p><p>Conversione di stringhe e numeri</p><p>Finalmente è arrivato l'argomento più interessante. Il fatto è che in JavaScript, a differenza di altri linguaggi, non ci sono funzioni come Val() e Str(). Una volta che ho visto un programma JavaScript, non nominerò l'autore, dove con l'aiuto di varie conversioni di tipi di dati si è tentato di confondere il programma con utenti "non esperti". Quindi, ci sono due regole da ricordare:</p><ul><li>La conversione di un numero in una stringa di caratteri avviene aggiungendo l'argomento numerico all'argomento stringa, indipendentemente dalla permutazione dei termini. Ad esempio, se la variabile è varI=123, è possibile convertire la variabile e quindi il suo valore in una stringa di caratteri: varI = varI + "" o viceversa: varI = "" + varI. Se aggiunto a una stringa non vuota: varI = varI + "456", il risultato del valore della variabile varI sarà "123456". Lo stesso vale e viceversa: varI = "456" + varI - result: "456123";</li><li>Una stringa viene convertita in un numero sottraendo un operando dall'altro, anche indipendentemente dalla loro posizione. Ad esempio, se la variabile varI = "123", allora puoi convertirla in un numero sottraendo da essa i valori 0: varI = varI - 0, e di conseguenza il valore della variabile dal tipo stringa viene convertito a numerico: 123. Quando si riorganizzano gli operandi, rispettivamente, il segno del valore numerico cambierà in opposto. A differenza della conversione di un numero in una stringa, le operazioni di sottrazione non possono utilizzare valori letterali. Quindi, se "JavaScript" + 10 diventa varI == "JavaScript10", un'operazione come varI = "JavaScript" - 10 restituirà il valore "NON", ovvero tale operazione non è consentita. Eppure, sottraendo un valore stringa da un valore stringa, si verifica anche una trasformazione: varI = "20" - "15", il valore della variabile varI sarà il numero 5.</li> </ul> <p>Il <b>istruzione var</b> dichiara una variabile, eventualmente inizializzandola su un valore.</p> <p>L'origine di questo esempio interattivo è archiviata in un repository GitHub. Se desideri contribuire al progetto di esempi interattivi, clona https://github.com/mdn/interactive-examples e inviaci una richiesta pull.</p> <h2>Sintassi</h2>var <i>nomevar1[</i>= <i>valore1][</i>, <i>nomevar2[</i>= <i>valore2]</i><i>... [ </i>, <i>nomevarN[</i>= <i>valoreN]]]</i>; varnameN Nome della variabile. Può essere qualsiasi identificatore legale. valueN Valore iniziale della variabile. Può essere qualsiasi espressione legale. Il valore predefinito è <i>non definito</i>. <h2>Descrizione</h2> <p>le dichiarazioni var, ovunque si verifichino, vengono elaborate prima dell'esecuzione di qualsiasi codice. Questo è chiamato sollevamento ed è discusso più avanti.</p> <p>L'ambito di una variabile dichiarata con var è la sua corrente <i>contesto di esecuzione</i>, che è la funzione di inclusione o, per le variabili dichiarate al di fuori di qualsiasi funzione, globale. Se dichiari nuovamente una variabile JavaScript, non perderà il suo valore.</p> <p>L'assegnazione di un valore a una variabile non dichiarata la crea implicitamente come variabile globale (diventa una proprietà dell'oggetto globale) quando viene eseguita l'assegnazione. Le differenze tra variabili dichiarate e non dichiarate sono:</p> <p>1. Le variabili dichiarate sono vincolate nel contesto di esecuzione in cui sono dichiarate. Le variabili non dichiarate sono sempre globali.</p><p>Funzione x() ( y = 1; // Genera un ReferenceError in modalità rigorosa. var z = 2; ) x(); registro della console(y); // 1 registro della console(z); // Genera un ReferenceError: z non è definito al di fuori di x.</p><p>2. Le variabili dichiarate vengono create prima dell'esecuzione di qualsiasi codice. Le variabili non dichiarate non esistono finché non viene eseguito il codice che le assegna.</p><p>console.log(a); // "non definito" o "" a seconda del browser console.log("ancora in corso..."); // ancora in corso... var a = 1; registro della console(a); // 1 console.log("ancora in corso..."); // ancora in corso...</p><p>3. Le variabili dichiarate sono una proprietà non configurabile del loro contesto di esecuzione (funzione o globale). Le variabili non dichiarate sono configurabili (ad es. possono essere cancellate).</p><p>Vara = 1; b = 2; eliminare questo.a; // Genera un TypeError in modalità rigorosa. Altrimenti fallisce silenziosamente. eliminare questo.b; log della console(a, b); // Genera un ReferenceError. // La proprietà "b" è stata eliminata e non esiste più.</p><p>A causa di queste tre differenze, molto probabilmente la mancata dichiarazione di variabili porterà a risultati imprevisti. così <b>si consiglia di dichiarare sempre le variabili, indipendentemente dal fatto che si trovino in una funzione o in un ambito globale.</b> E in ECMAScript 5 strict mode , l'assegnazione a una variabile non dichiarata genera un errore.</p> <h3>varoisting</h3> <p>Poiché le dichiarazioni di variabili (e le dichiarazioni in generale) vengono elaborate prima dell'esecuzione di qualsiasi codice, dichiarare una variabile in un punto qualsiasi del codice equivale a dichiararla all'inizio. Ciò significa anche che una variabile può sembrare utilizzata prima che venga dichiarata. Questo comportamento è chiamato "sollevamento", poiché sembra che la dichiarazione della variabile venga spostata all'inizio della funzione o del codice globale.</p><p>Bla = 2; varbla; // ...è implicitamente inteso come: var bla; bla = 2;</p><p>Per questo motivo, si consiglia di dichiarare sempre le variabili all'inizio del loro ambito (la parte superiore del codice globale e la parte superiore del codice della funzione) in modo che sia chiaro quali variabili hanno lo scopo della funzione (locale) e quali vengono risolte nella catena dell'ambito.</p> <p>È "importante sottolineare che il sollevamento influenzerà la dichiarazione della variabile, ma non il suo valore" s inizializzazione. Il valore verrà infatti assegnato al raggiungimento della dichiarazione di assegnazione:</p><p>Funzione fare_qualcosa() ( console.log(bar); // undefined var bar = 111; console.log(bar); // 111 ) // ...è implicitamente intesa come: funzione fare_qualcosa() ( var bar; console .log(bar); // undefined bar = 111; console.log(bar); // 111 )</p><h2>Esempi</h2> <h3>Dichiarazione e inizializzazione di due variabili</h3>var a = 0, b = 0; <h3>Assegnazione di due variabili con valore di stringa singolo</h3>var a = "A"; var b = a; // ...equivale a: var a, b = a = "A"; <p>Presta attenzione all'ordine:</p><p>Var x = y, y = "A"; log della console(x + y); // non definitoA</p><p>Qui, xey vengono dichiarati prima dell'esecuzione di qualsiasi codice, ma le assegnazioni vengono eseguite in un secondo momento. Nel momento in cui "x = y" viene valutato, y esiste quindi non viene generato alcun ReferenceError e il suo valore non è definito. Quindi, a x viene assegnato il valore indefinito. Quindi, a y viene assegnato il valore "(!LANG:A" . Consequently, after the first line, x === undefined && y === "A" , hence the result.!}</p> <h3>Inizializzazione di più variabili</h3>variabile x = 0; function f() ( var x = y = 1; // Dichiara x localmente; dichiara y globalmente. ) f(); log della console(x, y); // 0 1 // In modalità non rigorosa: // x è quella globale come previsto; // y è trapelato al di fuori della funzione, però! <p>Lo stesso esempio di cui sopra ma con una modalità rigorosa:</p><p>"usare rigoroso"; variabile x = 0; function f() ( var x = y = 1; // Genera un ReferenceError in modalità rigorosa. ) f(); log della console(x, y);</p><h3>Globali impliciti e ambito di funzione esterno</h3> <p>Le variabili che sembrano essere globali implicite possono essere riferimenti a variabili in un ambito di funzione esterno:</p><p>Varia x = 0; // Dichiara x all'interno dell'ambito del file, quindi gli assegna un valore di 0. console.log(typeof z); // "non definito", poiché z non esiste ancora function a() ( var y = 2; // Dichiara y nell'ambito della funzione a, quindi le assegna un valore di 2. console. log(x, y); // 0 2 function b() ( x = 3; // Assegna 3 al file esistente con scope x. y = 4; // Assegna 4 a y esterno esistente. z = 5; // Crea una nuova variabile globale z, e gli assegna un valore di 5. // (Genera un ReferenceError in modalità rigorosa.) ) b(); // Crea z come variabile globale. console.log(x, y, z); // 3 4 5 ) a (); // Chiama anche b. console.log(x, z); // 3 5 console.log(typeof y); // "non definito", poiché y è locale per funzionare a</p><h2>Specifiche</h2> <table class="standard-table"><tbody><tr><th scope="col">Specifica</th> <th scope="col">Stato</th> <th scope="col">Commento</th> </tr><tr><td>ECMAScript 1a edizione (ECMA-262)</td> <td>standard</td> <td>definizione iniziale. Implementato in JavaScript 1.0</td> </tr><tr><td>ECMAScript 5.1 (ECMA-262) <br>La definizione di "istruzione var" in quella specifica.</td> <td>standard</td> <td> </td> </tr><tr><td>ECMAScript 2015 (6a edizione, ECMA-262) <br> </td> <td>standard</td> <td> </td> </tr><tr><td>Ultima bozza ECMAScript (ECMA-262) <br>La definizione di "istruzione variabile" in quella specifica.</td> <td>Brutta copia</td> <td> </td> </tr></tbody></table><h2>Compatibilità del browser</h2> <p>La tabella di compatibilità in questa pagina è generata da dati strutturati. Se desideri contribuire ai dati, controlla https://github.com/mdn/browser-compat-data e inviaci una richiesta pull.</p> <p>Aggiorna i dati di compatibilità su GitHub</p><table class="bc-table bc-table-js"><tr class="bc-platforms"><td> </td><th class="bc-platform-desktop" colspan="6">Desktop</th><th class="bc-platform-mobile" colspan="6">Mobile</th><th class="bc-platform-server" colspan="1">server</th> </tr><tr class="bc-browsers"><td> </td><th class="bc-browser-chrome">Cromo</th><th class="bc-browser-edge">bordo</th><th class="bc-browser-firefox">Firefox</th><th class="bc-browser-ie">Internet Explorer</th><th class="bc-browser-opera">musica lirica</th><th class="bc-browser-safari">safari</th><th class="bc-browser-webview_android">visualizzazione web Android</th><th class="bc-browser-chrome_android">Chrome per Android</th><th class="bc-browser-firefox_android">Firefox per Android</th><th class="bc-browser-opera_android">Opera per Android</th><th class="bc-browser-safari_ios">Safari su iOS</th><th class="bc-browser-samsunginternet_android">Samsung Internet</th><th class="bc-browser-nodejs">Node.js</th> </tr><tbody><tr><th scope="row">var</th><td class="bc-supports-yes bc-browser-chrome">Supporto completo per Chrome 1</td><td class="bc-supports-yes bc-browser-edge">Edge Pieno supporto 12</td><td class="bc-supports-yes bc-browser-firefox">Firefox Pieno supporto 1</td><td class="bc-supports-yes bc-browser-ie">IE Pieno supporto 3</td><td class="bc-supports-yes bc-browser-opera">Opera Pieno supporto Sì</td><td class="bc-supports-yes bc-browser-safari">Safari Pieno supporto Sì</td><td class="bc-supports-yes bc-browser-webview_android">WebView Android Supporto completo 1</td><td class="bc-supports-yes bc-browser-chrome_android">Chrome Android Pieno supporto 18</td><td class="bc-supports-yes bc-browser-firefox_android">Firefox Android Pieno supporto 4</td><td class="bc-supports-yes bc-browser-opera_android">Opera Android Pieno supporto Sì</td><td class="bc-supports-yes bc-browser-safari_ios">Safari iOS Pieno supporto Sì</td><td class="bc-supports-yes bc-browser-samsunginternet_android">Samsung Internet Android Pieno supporto 1.0</td><td class="bc-supports-yes bc-browser-nodejs">nodejs Supporto completo Sì</td> </tr></tbody></table> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> <div style="font-size:0px;height:0px;line-height:0px;margin:0;padding:0;clear:both"></div> </div> </div> <div class="related_block main_articles"> <h3 class="head2">Consiglia altri articoli</h3> <div class="category_page related"> <div class="col-md-6 col-sm-6"> <div class="post"> <div class="thumb"> <a href="https://venikdaily.ru/it/android/novye-tegi-kak-pravilno-prizhat-plavayushchii-futer-k-nizu-stranicy-vstavlyaem/"><img width="410" height="220" src="/uploads/7a68b7480435f1e0c591b22053cb6399.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Come spingere correttamente il footer mobile in fondo alla pagina Inserire un distanziatore e combattere Internet Explorer" / loading=lazy loading=lazy></a> </div> <div class="cat_link"> <ul class="post-categories"> <li><a href="https://venikdaily.ru/it/category/android/" rel="category tag">Androide</a></li> </ul> </div> <div class="caption"> <div class="row"> <div class="col-md-12"> <h2><a href="https://venikdaily.ru/it/android/novye-tegi-kak-pravilno-prizhat-plavayushchii-futer-k-nizu-stranicy-vstavlyaem/">Come spingere correttamente il footer mobile in fondo alla pagina Inserire un distanziatore e combattere Internet Explorer</a></h2> </div> </div> </div> </div> </div> <div class="col-md-6 col-sm-6"> <div class="post"> <div class="thumb"> <a href="https://venikdaily.ru/it/windows/chto-oboznachaet-etot-teg-footer-novye-tegi-i-ispolzuem-na/"><img width="410" height="220" src="/uploads/3bcde682d270c8f54fe695946a123bf2.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Che cosa significa questo tag del piè di pagina" / loading=lazy loading=lazy></a> </div> <div class="cat_link"> <ul class="post-categories"> <li><a href="https://venikdaily.ru/it/category/windows/" rel="category tag">finestre</a></li> </ul> </div> <div class="caption"> <div class="row"> <div class="col-md-12"> <h2><a href="https://venikdaily.ru/it/windows/chto-oboznachaet-etot-teg-footer-novye-tegi-i-ispolzuem-na/">Che cosa significa questo tag del piè di pagina</a></h2> </div> </div> </div> </div> </div> </div> </div> <dblock></dblock> </div> </div> </div> <div class="col-md-4 col-sm-4"> <aside class="right_col"> <div class="new_art box"> <h3>Più popolare</h3> <div class="post"> <div class="thumb"> <a href="https://venikdaily.ru/it/tele2/osnovy-javascript-grammatika-i-tipy-rabota-s-peremennymi-v/"><img width="410" height="220" src="/uploads/57dd7163db0aaa05ca5aa5eaa862cc73.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Grammatica e tipi Lavorare con le variabili in javascript" / loading=lazy loading=lazy></a> </div> <div class="cat_link"> <ul class="post-categories"> <li><a href="https://venikdaily.ru/it/category/tele2/" rel="category tag">Tele 2</a></li> </ul> </div> <div class="caption"> <div class="row"> <div class="col-md-12"> <h2><a href="https://venikdaily.ru/it/tele2/osnovy-javascript-grammatika-i-tipy-rabota-s-peremennymi-v/">Grammatica e tipi Lavorare con le variabili in javascript</a></h2> </div> </div> </div> </div> <div class="post"> <div class="thumb"> <a href="https://venikdaily.ru/it/kyivstar/izuchaem-otstupy-teksta-v-html-otstupy-i-ramki-v-css-s-pomoshchyu-parametrov-margin-padding-i/"><img width="410" height="220" src="/uploads/1fdeb9dc35e9a94e485b8cad82b1a92f.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Margini e bordi in CSS con margine, riempimento e rientro Html bordo su tutti i lati" / loading=lazy loading=lazy></a> </div> <div class="cat_link"> <ul class="post-categories"> <li><a href="https://venikdaily.ru/it/category/kyivstar/" rel="category tag">Kyivstar</a></li> </ul> </div> <div class="caption"> <div class="row"> <div class="col-md-12"> <h2><a href="https://venikdaily.ru/it/kyivstar/izuchaem-otstupy-teksta-v-html-otstupy-i-ramki-v-css-s-pomoshchyu-parametrov-margin-padding-i/">Margini e bordi in CSS con margine, riempimento e rientro Html bordo su tutti i lati</a></h2> </div> </div> </div> </div> <div class="post"> <div class="thumb"> <a href="https://venikdaily.ru/it/aliexpress/otstupy-vnutri-yacheek-tablicy-css/"><img width="410" height="220" src="/uploads/be27c012db68c6ad9f8cc48d42049ed0.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Riempimento all'interno delle celle della tabella CSS" / loading=lazy loading=lazy></a> </div> <div class="cat_link"> <ul class="post-categories"> <li><a href="https://venikdaily.ru/it/category/aliexpress/" rel="category tag">Aliexpress</a></li> </ul> </div> <div class="caption"> <div class="row"> <div class="col-md-12"> <h2><a href="https://venikdaily.ru/it/aliexpress/otstupy-vnutri-yacheek-tablicy-css/">Riempimento all'interno delle celle della tabella CSS</a></h2> </div> </div> </div> </div> </div> <aside id="text-2" class="widget widget_text"> <div class="textwidget"> <p> </p> </div> </aside> </aside> </div> </div> </div> </main> <footer id="footer"> <div class="container"> <div class="row"> <div class="col-md-4 col-sm-4"> <div class="logo_wr"> <a rel="sidebar" href="#" class="b_link">Ai segnalibri</a> <a href="https://venikdaily.ru/it/" rel="home" class="logo2"><br></a> </div> <div class="f_text"> <p>© 2022. Guida alla comunicazione mobile</p> <p>Tutti i diritti riservati</p> <p>Qualsiasi utilizzo dei materiali pubblicati <br/>sul sito è consentito solo con una scritta <br/>autorizzazione del diritto d'autore</p> </div> </div> <div class="col-md-8 col-sm-8"> <div class="col-md-4 col-sm-4"> <nav class="footer_menu"> <div id="nav_menu-6"><div class="menu-header_menu-container"><dblock></dblock></div></div> </nav> </div> <div class="col-md-3 col-sm-3"> <dblock></dblock> </div> <div class="col-md-5 col-sm-5"> <div class="footer_right"> <a href="#" class="vk_link">Unisciti a Vkontakte</a> <div class="counter"> <dblock></dblock> </div> <div class="footer_menu3"> <div id="nav_menu-8"> <div class="menu-top_menu-container"> <ul id="menu-top_menu-1" class="menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1361"><a href="" class="menu-image-title-after"><span class="menu-image-title">inserzionisti</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item"><a href="https://venikdaily.ru/it/sitemap.xml" class="menu-image-title-after"><span class="menu-image-title">mappa del sito</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1363"><a href="" class="menu-image-title-after"><span class="menu-image-title">Edizione del progetto</span></a></li> </ul> </div> </div> </div> <div class="soc"> <ul> <li class="item1"><a href="https://vk.com/share.php?url=https://venikdaily.ru/tele2/osnovy-javascript-grammatika-i-tipy-rabota-s-peremennymi-v/">vkontakte</a></li> <li class="item2"><a href="https://www.facebook.com/sharer/sharer.php?u=https://venikdaily.ru/tele2/osnovy-javascript-grammatika-i-tipy-rabota-s-peremennymi-v/">Facebook</a></li> <li class="item3"><a href="https://www.twitter.com/share?url=https%3A%2F%2Fvenikdaily.ru%2Fit%2Ftele2%2Fosnovy-javascript-grammatika-i-tipy-rabota-s-peremennymi-v%2F">twitter</a></li> <li class="item4"><a href="">google+</a></li> </ul> </div> </div> </div> </div> </div> </div> </footer> <script type='text/javascript'> /* <![CDATA[ */ var tocplus = { "visibility_show": "show", "visibility_hide": "hide", "width": "Auto" }; /* ]]> */ </script> <script type='text/javascript' src='/assets/front.min.js'></script> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar": "right_col", "margin_top": 10, "margin_bottom": 0, "stop_id": "footer", "screen_max_width": 400, "screen_max_height": 0, "width_inherit": false, "refresh_interval": 1500, "window_load_hook": false, "disable_mo_api": false, "widgets": ['text-2'] }; </script> <script type='text/javascript' src='/assets/q2w3-fixed-widget.min.js'></script> <script type='text/javascript' src='/assets/wp-embed.min.js'></script> <script type='text/javascript' src='/assets/form.js'></script> <link href="https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i" rel="stylesheet"> <script> var context = $('.new_articles'); while (context.children('div:not(.row)').length) { context.children('div:not(.row):lt(2)').wrapAll('<div class="row">'); } var context = $('.category_page'); while (context.children('div:not(.row)').length) { context.children('div:not(.row):lt(3)').wrapAll('<div class="row">'); } $(document).ready(function() { $(".mob_menu li.menu-item-has-children a:first-child").addClass('open_link'); $(".mob_menu li.menu-item-has-children ul a:first-child").removeClass('open_link'); $(".open_menu_link").click(function() { $(".mob_menu").slideToggle("fast"); return false; }); $(".mob_menu li.menu-item-has-children a.open_link").click(function() { $(this).next().slideToggle("fast"); return false; }); }); </script> </body> </html>