A cosa serve il linguaggio javascript? Tipi di dati variabili

Molti si sono imbattuti nel concetto di javascript (abbreviato in JS), ma pochi hanno capito seriamente di cosa si tratta?

javascriptè un linguaggio di programmazione che consente di utilizzare vari algoritmi e condizioni, come "if-then", per creare programmi seri. Durante lo sviluppo del linguaggio, il compito era quello di realizzare un linguaggio di programmazione che fosse simile a Java e allo stesso tempo non fosse difficile per chi non avesse ricevuto un'istruzione da programmatore.

Scoprire cos'è javascript è fiori, ma padroneggiarlo è molto più difficile. Usato questo linguaggio di programmazione per le applicazioni che saranno connesse a Internet e ai siti. Le caratteristiche architettoniche del linguaggio JS sono la presenza di dinamiche nella tipizzazione, controllo automatico memoria, le funzioni sono oggetti di prima classe.

Tutti i browser che utilizziamo funzionano solo con il linguaggio di programmazione JS. Qualunque cosa web moderno browser (IE, Opera, Mozilla e altri, dotati di modulo speciale, che è in grado di riconoscere ed elaborare i comandi di questo linguaggio in una forma visiva.

JavaScript il codice ha l'aspetto di un testo, ma deve essere organizzato e formattato secondo regole speciali. Molti soprannominati data lingua programmazione client, perché viene utilizzato nel browser e il browser stesso è chiamato da molti "client". Questa è la sua principale differenza rispetto alle lingue utilizzate sul server.

A cosa serve il codice JavaScript

Considera i compiti principali che questo linguaggio di programmazione ti consente di risolvere:

1. Attuazione delle interazioni con l'utente nel corso delle sue azioni sulle pagine del sito. Compilando il modulo di registrazione con errori, riceviamo una notifica in merito.

2. Il comportamento della pagina del sito dipende dal comportamento dell'utente. Abbastanza spesso, puoi osservare la seguente immagine: se sposti il ​​cursore dalla pagina, viene visualizzato un modulo di iscrizione.

3. Se ce ne sono calcoli matematici e devono essere inseriti nella pagina del tuo sito, molte persone usano Javascript per questo. Quando l'utente si impegna a compilare i campi della pagina con alcune informazioni, è necessario calcolare e selezionare il campo per la visualizzazione del risultato.

4. Gli elementi che si muovono, lampeggiano ed eseguono operazioni di calcolo non solo compaiono sulle pagine, ma tutto è dovuto ai codici Javascript.

Questo codice può essere inviato in diversi modi: inserito come file separato o incorporare nel codice HTML della pagina del sito stessa.

copione- questo è il secondo nome del codice Javascript, molte fonti lo usano per semplicità, quindi se lo vedi, non aver paura.

Per imparare i codici Javascript, devi fare uno sforzo e dedicare tempo, ma nulla è impossibile, la cosa principale è il desiderio. Sulla stessa Internet ci sono molti manuali e video lezioni questo argomento. lo spero questa informazione su cos'è javascript è stato utile per te.

Oggi, probabilmente, non esiste un sito del genere, che non sarebbe scritto utilizzando javascript.

L'uso di questo script è diventato così popolare che ora è semplicemente impossibile farne a meno. Più popolare e famoso di javascript oggi, molto probabilmente, solo Paris Hilton e McDonalds.

Cos'è esattamente?

Javascript è un linguaggio di scripting il cui scopo è creare pagine web interattive. Funziona così com'è, senza richiedere la compilazione, ma semplicemente collegandosi a una pagina HTML. Non deve essere confuso con Java: se i nomi di queste due lingue sono simili, ciò non significa che siano funzionalmente correlati. In effetti, è molto più vicino, ad esempio, a Ruby o Python, ma ha il suo standard ECMAScript, e quindi è ancora separato da loro.

Cosa può fare Javascript

Javascript può fare molto: ad esempio, con il suo aiuto puoi facilmente modificare gli stili degli elementi, rimuovere tag o aggiungerne di nuovi. Allo stesso tempo, puoi impostare la funzione in modo tale che lo script reagisca a determinati eventi, sia ai clic del mouse o ai tasti, oppure inizi ad agire da solo dopo che è trascorso del tempo dopo il caricamento. E con AJAX puoi ottenere dati aggiornati senza riaprire la pagina.

Javascript è in grado di impostare e leggere cookie, visualizzare messaggi, finestre, convalidare dati e molto altro ancora. Tuttofare.

Javascript presenta tre vantaggi principali, tra i quali, ad esempio, l'accessibilità (aver studiato Nozioni di base su JavaScript, puoi facilmente comprenderne la maggior parte e migliorare sempre le tue abilità); supporto onnipresente (sono supportati in quasi tutti gli ambienti informatici - qualsiasi computer moderno in grado di farlo), così come l'integrazione completa del browser, che rende javascript ancora più comodo e facile da usare.

Ad esempio, si possono citare tecnologie come VBScript, XUL e ActiveX: non sono supportate in tutti i browser e funzionano solo in un determinato ambiente.

E, naturalmente, non dobbiamo dimenticare la velocità e l'efficienza di JavaScript, contro cui svaniscono tanti linguaggi di programmazione.

Non sarà superfluo notare che anche ora questa tecnologia continua a svilupparsi e ad un ritmo rapido: tieni il passo! E presto verrà creato un nuovo interprete insieme a tecnologia javascript 2.

Vantaggi

Javascript ha molto fascino, altrimenti non verrebbe utilizzato così attivamente. Si meritava l'amore degli utenti per una ragione. Uno dei suoi principali vantaggi è ancora l'interattività, grazie alla quale la maggior parte dei siti sono scritti in questa lingua. Si ottiene grazie allo strumento AJAX e con il suo aiuto i dati verranno aggiornati da soli, senza l'intervento dell'utente. Questo è molto conveniente, ad esempio, sui siti Web dei sistemi di pagamento. Sarà molto utile per non di più utenti esperti - vero aiuto dallo script che stai utilizzando. Cosa potrebbe esserci di meglio?

E ora parlerò un po' della struttura di questa lingua.

• JavaScript ha diverse funzionalità, come le seguenti:
• Gli identificatori fanno distinzione tra maiuscole e minuscole;
• I nomi delle variabili possono includere il simbolo "$", il trattino basso, i numeri (ma non possono iniziare con essi) e le lettere;

L'HTML impone alcune restrizioni al sito e, per superarle, è necessario andare un po' oltre il linguaggio di markup dell'ipertesto. L'HTML è necessario principalmente per organizzare testo e grafica su una pagina web, per la comunicazione file diversi insieme. E fa un ottimo lavoro con questi compiti. Se vuoi che le pagine del tuo sito praticamente non differiscano dai normali disegni su carta, il linguaggio di markup ipertestuale, ovvero l'HTML, sarà abbastanza.

Se vuoi creare qualcosa di speciale, unico che evidenzi il tuo sito e attiri l'attenzione degli utenti, allora dovresti rivolgerti a un linguaggio di programmazione. JavaScript.

Ad esempio, utilizzando Java Script, il sito può implementare quanto segue:

1. Aggiungi una funzione di ricerca al sito. Ciò fornirà agli utenti enormi vantaggi, eliminando la necessità di navigare manualmente in ogni pagina Web alla ricerca delle informazioni di cui hanno bisogno.
2. Proteggi con password un'area specifica del sito. Ciò limiterà l'accesso alle informazioni non consigliate per la visualizzazione pubblica.
3. Fornire agli utenti la capacità di comunicare. Ci sono molti modi per farlo, che vanno da semplici bacheche di messaggi a chat room complete.
4. Aggiungi strumenti cronometrici al sito, come un orologio o un calendario. Di solito piace agli utenti.
5. Aggiungi giochi e puzzle al sito. Credici Il modo migliore far rilassare i visitatori e sentirsi a casa.
6. Crea collegamenti a informazioni costantemente aggiornate. I visitatori del sito saranno sicuramente interessati a notizie, tassi di cambio, previsioni del tempo e simili.

Perché Java Script?

Le lingue Programmazione PHP e MySQL sono stati creati per semplificare il lavoro su un computer.

L'elaborazione viene eseguita nel browser Web dell'utente, quindi non c'è carico sul server. Non ci vuole molto per aggiungere script scritti da altri programmatori. Questo può essere fatto facilmente da un semplice sviluppatore di siti web.

Di norma, nel codice di programmazione non sono richieste modifiche. V caso migliore in alcuni punti dovrai cambiare il nome del file o aggiungere URL a qualche elenco.

Brevemente su come funziona Java Script

Quando si lavora con Java Script, è necessario aggiungere due componenti al codice della pagina Web: lo script stesso e la procedura che lo eseguirà.

Di solito, l'istruzione fornita con lo script contiene tutto le informazioni necessarie, riguardante la procedura per eseguire lo script.

Il corpo dello script viene inserito nel tag contenitore , come nello scheletro del codice seguente, dove alcune funzioni sono definite.

È consentito posizionare lo script all'interno del tag , ma no tuttavia, questo può essere rischioso. Il browser web deve tradurre il codice Java Script scritto dal programmatore in codice macchina.

Scritto di tag elaborati dal browser prima degli elementi tag . Ciò significa che lo script sarà definito e pronto per essere eseguito prima che qualsiasi cosa venga visualizzata nella finestra del browser web.

Se lo script si trova all'interno del tag , potrebbe verificarsi la situazione in cui l'utente accederà allo script prima che venga definito. In questo caso, lo script semplicemente non funzionerà. Pertanto, è meglio attenersi alla solita sequenza.

Alcune procedure devono essere aggiunte anche alla pagina che eseguirà lo script. Di solito è posizionato all'interno di un elemento. .

Lo script può essere eseguito diversi modi, ma lo sviluppatore non ha bisogno di conoscerli tutti. Ogni script prelevato da Internet e tradotto in codice HTML implica una propria procedura di avvio.

Esempi.

1. L'attivazione dello script avviene dopo aver cliccato con il puntatore del mouse su un qualsiasi elemento dell'interfaccia quando l'utente ci passa sopra con il puntatore del mouse. Per questo viene utilizzato l'attributo onClick.
Quindi, nel frammento di codice seguente, l'attributo onClick viene utilizzato sull'elemento A:
Fare clic qui per eseguire la funzione qualunque.

Ma in generale, l'attributo onClick è unico e può essere applicato a quasi tutti gli elementi.

2. Oppure lo script può essere eseguito dopo che la pagina Web è stata caricata nella finestra del browser.
Per attivare lo script dopo aver caricato la pagina web, utilizzare l'attributo onload dell'elemento , come nell'esempio seguente.

Ci sono molti altri attributi. Ad esempio, l'attributo onMouseOver, utilizzato per eseguire uno script dopo che l'utente ha posizionato il mouse su qualsiasi elemento dell'interfaccia. O l'attributo onMouseOut - quando l'utente rimuove il puntatore del mouse.

Java Script e jQuery

A proposito, l'apprendimento di Java Script è diventato ancora più semplice con l'avvento della libreria jQuery.

Le funzioni jQuery risolvono molte pratiche e Problemi urgenti. La creazione anche di uno script complesso diventa facile da usare.

E per il sito usando jQuery si apre elenco enorme plug-in che possono essere collegati a qualsiasi risorsa, la cosa principale è che viene utilizzato Java Script. Con aiuto plugin jQuery può essere fatto con poche righe di codice

• menù belli e ricercati,
• gallerie di immagini,
• varie funzioni di gestione delle pagine.

Se il tuo sito è realizzato su un CMS, puoi anche incorporare lì i tuoi script. Combinazione semplice CMS e Java Script ti consente di creare soluzioni molto belle, facili da implementare e mantenere e anche leggere per piccoli progetti.

CON usando Java Script e jQuery possono trasformare anche il più semplice sito di biglietti da visita in una risorsa brillante e completa che sarà un eccellente rappresentante dell'azienda sulle vaste distese di Internet.

JavaScriptè stato creato da un programmatore Brendan Eich da Netscape e introdotto nel dicembre 1995 con il nome di LiveScript. Abbastanza rapidamente è stato rinominato JavaScript, sebbene il nome ufficiale di JavaScript sia ECMAScript. ECMAScript è sviluppato e mantenuto dall'Organizzazione internazionale ECMA (European Computer Manufacturers Association).

Cos'è JavaScript?
1) JavaScript è un linguaggio di scripting, o script. Uno script è un codice di programma, un insieme di istruzioni che non richiedono la pre-elaborazione (ad esempio, la compilazione) prima dell'esecuzione. Il codice JavaScript viene interpretato dal motore del browser durante il caricamento di una pagina web. L'interprete del browser esegue l'analisi, l'elaborazione e l'esecuzione riga per riga programma originale o richiesta.

2) JavaScript è un linguaggio orientato agli oggetti con eredità prototipica. Supporta diversi oggetti integrati e ti consente anche di creare o eliminare i tuoi oggetti (personalizzati). Gli oggetti possono ereditare le proprietà direttamente l'uno dall'altro, formando una catena di oggetti prototipo.

JavaScript nelle pagine web

1. Collegamento degli script al documento html

Gli script JavaScript lo sono incorporato, cioè. il loro contenuto fa parte del documento, e esterno immagazzinato file separato con estensione .js. Gli script possono essere incorporati in un documento html nei seguenti modi:

o il corpo della pagina.

Questo metodo viene solitamente utilizzato per gli script grande taglia o script che vengono riutilizzati su diverse pagine web.

Come gestore di eventi.
Ogni elemento html ha eventi JavaScript che si attivano in un determinato momento. È necessario aggiungere l'evento necessario all'elemento html come attributo e specificare la funzione richiesta come valore di questo attributo. La funzione da chiamare in risposta all'attivazione di un evento è gestore di eventi. A seguito dell'attivazione dell'evento, verrà eseguito il codice ad esso associato. Questo metodo viene utilizzato principalmente per script brevi, ad esempio è possibile impostare il colore di sfondo in modo che cambi quando si fa clic su un pulsante:

Cambia sfondo

Dentro l'elemento

2. Tipi di dati e variabili in JavaScript

I computer elaborano le informazioni - dati. I dati possono essere presentati in varie forme o tipologie. Gran parte della funzionalità di JavaScript viene implementata tramite semplice composizione oggetti e tipi di dati. La funzionalità relativa a stringhe, numeri e logica si basa sui tipi di dati stringa, numero e booleano. Altro funzionalità, Compreso espressioni regolari, date e operazioni matematiche, viene eseguito utilizzando gli oggetti RegExp, Date e Math.

letterali in JavaScript, sono una classe speciale di tipo di dati, valori fissi di uno dei tre tipi di dati: stringa, numerico o booleano:

"questa è una stringa" 3.14 true alert("Hellow"); // "Hellow" è una var letterale myVariable = 15; // 15 è un valore letterale

tipo di dati primitivoè un'istanza certo tipo dati come string, numerico, booleano, null e undefined .

2.1. Variabili in JavaScript

Dati trattati Script JavaScript, sono variabili. Le variabili sono contenitori denominati che memorizzano dati (valori) nella memoria del computer che possono cambiare durante l'esecuzione del programma. Le variabili hanno nome, un tipo e senso.

nome della variabile, o identificatore, può solo includere lettere a-z, A-Z , le cifre 0-9 (una cifra non può essere il primo carattere nel nome di una variabile), il simbolo $ (può essere solo il primo carattere nel nome di una variabile o di una funzione) e il carattere di sottolineatura _ , gli spazi non sono consentiti. La lunghezza del nome della variabile non è limitata. È possibile, ma non consigliato, scrivere nomi di variabili in lettere dell'alfabeto russo, per questo devono essere scritti in Unicode.

Le chiavi non possono essere utilizzate come nomi di variabili. Parole JavaScript. I nomi delle variabili in JavaScript fanno distinzione tra maiuscole e minuscole, il che significa che var message; e varMessage; sono variabili diverse.

Viene creata (dichiarata) una variabile con parola chiave var seguito da un nome di variabile, come var message; . Devi dichiarare una variabile prima di usarla.

Variabile inizializzato valore utilizzando l'operatore di assegnazione = , ad esempio, var message="Hellow"; , cioè. la variabile messaggio viene creata e memorizzata in essa iniziale Valore "Ciao". Una variabile può essere dichiarata senza un valore, nel qual caso le viene assegnato un valore predefinito di undefined . Il valore di una variabile può cambiare durante l'esecuzione dello script. Diverse variabili possono essere dichiarate sulla stessa riga separandole con una virgola:
var message="Hellow", numero_msg = 6, time_msg = 50;

2.2. Tipi di dati variabili

JavaScript è un linguaggio non tipizzato; non è necessario specificare il tipo di dati per una particolare variabile quando viene dichiarata. Il tipo di dati di una variabile dipende dai valori che assume. Il tipo di una variabile può cambiare durante le operazioni con i dati ( colata di tipo dinamico). La conversione del tipo viene eseguita automaticamente a seconda del contesto in cui vengono utilizzati. Ad esempio, nelle espressioni che coinvolgono valori numerici e stringa con l'operatore +, JavaScript converte i valori numerici in stringhe:

messaggio Var = 10 + "giorni prima delle ferie"; // restituisce "10 giorni prima delle vacanze"

È possibile ottenere il tipo di dati di una variabile utilizzando l'operatore typeof. Questo operatore restituisce una stringa che identifica il tipo corrispondente.

tipo di 35; // restituisce "numero" tipo di "testo"; // restituisce il tipo "stringa" di vero; // restituisce il tipo "booleano" di ; // restituisce il tipo "oggetto" di undefined; // restituisce il tipo "non definito" di null; // restituirà "oggetto"

Tutti i tipi di dati in JavaScript sono divisi in due gruppi − semplice tipi di dati (tipi di dati primitivi) e composito tipi di dati (tipi di dati compositi).

A semplice i tipi di dati includono string, numeric, boolean, null e underfined .

2.2.1. tipo di stringa(corda)

Utilizzato per memorizzare una stringa di caratteri racchiusa tra doppi o virgolette singole. Un insieme vuoto di caratteri racchiuso tra virgolette singole o doppie è una stringa vuota. Un numero racchiuso tra virgolette è anche una stringa.

var denaro = ""; // riga vuota, zero caratteri var work = "test"; var giorno = "domenica"; var x = "150";

In linea dentro virgolette puoi inserire una sola citazione e viceversa. A una citazione dello stesso tipo viene eseguito l'escape con il carattere barra rovesciata \ (cosiddetto sequenza di fuga):

Document.writeln("\" Buon giorno, Ivan Ivanych!\"\n"); // visualizza "Buongiorno, Ivan Ivanovich!"

Le stringhe possono essere confrontate e concatenate utilizzando l'operatore di concatenazione +. Grazie a colata automatica i tipi possono combinare numeri e stringhe. Le stringhe sono permanenti, una volta creata una stringa non può essere modificata ma può essere creata nuova linea concatenando altre linee.

2.2.2. Tipo numerico (numero)

È usato per valori numerici. Esistono due tipi di numeri in JavaScript: Interi (numero intero) e numeri in virgola mobile (numero in virgola mobile). I valori interi possono essere positivi, come 1, 2, o negativi, come -1, -2, o zero. 1 e 1.0 hanno lo stesso valore. La maggior parte dei numeri in JavaScript sono scritti come sistema decimale possono essere utilizzati anche sistemi numerici, ottali ed esadecimali.

V decimale sistema, i valori delle variabili numeriche sono dati utilizzando i numeri arabi 1, 2, 3, 4, 5, 6, 7, 8, 9, 0.

V ottale Il formato numerico è una sequenza contenente le cifre da 0 a 7 e che iniziano con il prefisso 0 .

Per esadecimale il formato è preceduto da 0x (0X) seguito da una sequenza di numeri da 0 a 9 o lettere da a (A) a f (F), corrispondenti ai valori da 10 a 15 .

Vara = 120; // valore numerico intero decimale var b = 012; // formato ottale var c = 0xfff; // formato esadecimale var d = 0xACFE12; // formato esadecimale

I numeri in virgola mobile sono numeri frazionari. parte decimale, oppure sono numeri espressi in forma esponenziale. La notazione scientifica dei numeri assume la seguente forma: un numero con una parte decimale frazionaria, seguito dalla lettera e , che può essere indicata sia in alto che in minuscolo, seguito da un segno + o - opzionale e da un esponente intero.

Vara = 6,24; // numero reale var b = 1.234E+2; // numero reale, equivalente a 1.234 X 10² var c = 6.1e-2; // numero reale, equivalente a 6,1 X 10‾²

2.2.3. tipo booleano(booleano)

Questo tipo ha due valori, true (true), false (false). Utilizzato per confrontare e testare le condizioni.

Var answer = confirm("Ti è piaciuto questo articolo?\n Fai clic su OK. In caso contrario, fai clic su Annulla."); if (answer == true) ( ​​​​alert ("Grazie!"); )

Esistono anche tipi speciali di valori semplici:
tipo nullo — dato tipo Ha uno nullo A che viene utilizzato per rappresentare oggetti che non esistono.

tipo indefinito- tipo variabile underfined significa n valore iniziale variabile, nonché una proprietà dell'oggetto inesistente.

Tipi di dati compositi sono costituiti da più di un valore. Questi includono oggetti e tipi speciali di oggetti: array e funzioni. Gli oggetti contengono proprietà e metodi, gli array sono una raccolta indicizzata di elementi e le funzioni sono costituite da una raccolta di istruzioni.

2.3. Variabili globali e locali

Le variabili sono suddivise per ambito in globale e Locale. Area di visibilità fa parte di uno script in cui un nome di variabile è associato a quella variabile e ne restituisce il valore. Vengono chiamate le variabili dichiarate all'interno di un corpo di funzione Locale, possono essere utilizzati solo in questa funzione. Le variabili locali vengono create e distrutte insieme alla funzione corrispondente.

Variabili dichiarate all'interno di un elemento