JavaScript bol vytvorený programátorom Brendan Eich od Netscape a predstavený v decembri 1995 pod názvom LiveScript. Pomerne rýchlo bol premenovaný na JavaScript, aj keď oficiálny názov JavaScriptu je ECMAScript. ECMAScript je vyvinutý a udržiavaný medzinárodnou organizáciou ECMA (European Computer Manufacturers Association).

Čo je JavaScript?
1) JavaScript je skriptovací jazyk alebo skripty. Scenár je programovací kód- súbor inštrukcií, ktoré si pred spustením nevyžadujú predbežné spracovanie (napríklad kompiláciu). JavaScript kód je interpretovaný motorom prehliadača počas načítavania webovej stránky. Tlmočník prehliadača analyzuje, spracováva a spúšťa pôvodný program alebo dotaz, riadok po riadku.

2) JavaScript je objektovo orientovaný jazyk s prototypovou dedičnosťou. Podporuje niekoľko vstavaných objektov a tiež umožňuje vytvárať alebo mazať vlastné (vlastné) objekty. Objekty môžu dediť vlastnosti priamo jeden od druhého, čím vytvárajú prototypový reťazec objektov.

JavaScript na webových stránkach

1. Pripojenie skriptov k html dokumentu

JavaScript skripty sú vstavaný, t.j. ich obsah je súčasťou dokumentu, a externé, uložený v samostatnom súbore .js. Skripty je možné vložiť do html dokumentu nasledujúcimi spôsobmi:

alebo telo stránky.

Táto metóda sa zvyčajne používa pre veľké skripty alebo skripty, ktoré sa opakovane používajú na rôznych webových stránkach.

Ako obsluha udalostí.
Každý prvok html má udalosti JavaScriptu, ktoré sa spúšťajú určitý moment. Do prvku html musíte pridať potrebnú udalosť ako atribút a zadať požadovanú funkciu ako hodnotu tohto atribútu. Funkcia, ktorá sa má volať v reakcii na spustenie udalosti, je obsluha udalosti. V dôsledku spustenia udalosti sa spustí kód, ktorý je s ňou spojený. Táto metóda sa používa hlavne pre krátke skripty, napríklad môžete nastaviť, aby sa farba pozadia zmenila po kliknutí na tlačidlo:

Vo vnútri prvku

2. Dátové typy a premenné v JavaScripte

Počítače spracovávajú informácie – dáta. Dáta môžu byť prezentované v rôznych formách alebo typoch. Veľká časť funkčnosti JavaScriptu je implementovaná prostredníctvom jednoduchej sady objektov a dátových typov. Funkcie súvisiace s reťazcami, číslami a logikou sú založené na typoch údajov string, number a boolean. Iné funkčnosť, počítajúc do toho regulárne výrazy, dátumy a matematické operácie, sa vykonáva pomocou objektov RegExp, Date a Math.

Doslovy v JavaScripte sú špeciálnou triedou dátového typu, pevnými hodnotami jedného z troch dátových typov – reťazcový, číselný alebo booleovský:

"toto je reťazec" 3.14 true alert("Ahoj"); // "Hellow" je doslovná var myVariable = 15; // 15 je doslovné

primitívny dátový typ je inštancia konkrétneho typu údajov, ako je reťazec, numerický, booleovský, null a undefined .

2.1. Premenné v JavaScripte

Údaje spracované skriptom JavaScript sú premenných. Premenné sú pomenované kontajnery, ktoré ukladajú dáta (hodnoty) v pamäti počítača, ktoré sa môžu meniť počas vykonávania programu. Premenné majú názov, Typ a význam.

názov premennej, príp identifikátor, môže zahŕňať iba písmená a-z, A-Z , číslice 0-9 (číslo nemôže byť prvým znakom v názve premennej), symbol $ (môže byť iba prvý znak v názve premennej alebo funkcie) a znak podčiarknutia _ , medzery nie sú povolené . Dĺžka názvu premennej nie je obmedzená. Je možné, ale neodporúča sa písať názvy premenných písmenami ruskej abecedy, preto musia byť napísané v Unicode.

Ako názov premennej nemôžete použiť kľúčové slová JavaScript. Názvy premenných v JavaScripte rozlišujú veľké a malé písmená, čo znamená, že var message; a varMessage; sú rôzne premenné.

Premenná je vytvorená (deklarovaná) s kľúčové slovo var, za ktorým nasleduje názov premennej, ako napríklad var message; . Pred použitím musíte premennú deklarovať.

Variabilné inicializované hodnota pomocou operátora priradenia = , napríklad var message="Hellow"; , t.j. premenná správy je vytvorená a uložená v nej počiatočné Hodnota "Ahoj". Premenná môže byť deklarovaná bez hodnoty, v takom prípade je jej priradená predvolená hodnota undefined . Hodnota premennej sa môže počas vykonávania skriptu meniť. Rôzne premenné môžu byť deklarované na rovnakom riadku tak, že ich oddelíte čiarkou:

Var message="Ahoj", number_msg = 6, time_msg = 50;

2.2. Variabilné dátové typy

JavaScript je netypovaný jazyk; typ údajov pre konkrétnu premennú nie je potrebné špecifikovať pri jej deklarácii. Typ údajov premennej závisí od hodnôt, ktoré má. Typ premennej sa môže meniť počas operácií s údajmi ( odlievanie dynamického typu). Konverzia typov sa vykonáva automaticky v závislosti od kontextu, v ktorom sa používajú. Napríklad vo výrazoch obsahujúcich číselné a reťazcové hodnoty s operátorom + JavaScript konvertuje číselné hodnoty na reťazce:

Var správa = 10 + "dní pred dovolenkou"; // vráti "10 dní do prázdnin"

Dátový typ premennej môžete získať pomocou operátora typeof. Tento operátor vráti reťazec, ktorý identifikuje zodpovedajúci typ.

typ 35; // vráti "číslo" typ "text"; // vráti "string" typeof true; // vráti "boolean" typeof ; // vráti "objekt" typ undefined; // vráti "nedefinovaný" typ null; // vráti "objekt"

Všetky dátové typy v JavaScripte sú rozdelené do dvoch skupín − jednoduché dátové typy (primitívne dátové typy) a zložený dátové typy (zložené typy údajov).

Komu jednoduché typy údajov zahŕňajú reťazec, numerický, booleovský, null a underfined .

2.2.1. Typ reťazca (reťazec)

Používa sa na uloženie reťazca znakov uzavretých v dvojitých alebo jednoduchých úvodzovkách. Prázdna množina znakov v jednoduchých alebo dvojitých úvodzovkách je prázdny reťazec. Číslo v úvodzovkách je tiež reťazec.

var peniaze = ""; // prázdny reťazec, nula znakov var work = "test"; var deň = "nedeľa"; var x = "150";

Do reťazca s dvojitými úvodzovkami môžete vložiť jednu úvodzovku a naopak. Úvodzovka rovnakého typu je ukončená znakom spätnej lomky \ (tzv úniková sekvencia):

Document.writeln("\" Dobré ráno, Ivan Ivanych!\"\n"); // zobrazí "Dobré ráno, Ivan Ivanovič!"

Reťazce je možné porovnávať aj spájať pomocou operátora zreťazenia +. S automatickým typovým odlievaním môžu byť čísla a reťazce zreťazené. Reťazce sú trvalé, akonáhle je reťazec vytvorený, nemôže byť zmenený, ale môže byť vytvorený Nový riadok zreťazením ďalších riadkov.

2.2.2. Číselný typ (číslo)

Používa sa pre číselné hodnoty. Čísla v JavaScript sú dvoch typov: celé čísla (celé číslo) a čísla s pohyblivou rádovou čiarkou (číslo s pohyblivou rádovou čiarkou). Celočíselné hodnoty môžu byť kladné, napríklad 1, 2, a záporné, napríklad -1, -2 alebo nula. 1 a 1,0 majú rovnakú hodnotu. Väčšina čísel v JavaScripte je zapísaná ako desiatková sústava možno použiť aj číslice, osmičkové a hexadecimálne sústavy.

AT desiatkový systému sa hodnoty číselných premenných uvádzajú pomocou arabských číslic 1, 2, 3, 4, 5, 6, 7, 8, 9, 0.

AT osmičkový Formát čísla je sekvencia obsahujúca číslice 0 až 7 a začínajúca predponou 0 .

Pre hexadecimálny formát má predponu 0x (0X), za ktorou nasleduje sekvencia čísel 0 až 9 alebo písmen a (A) až f (F), zodpovedajúce hodnotám 10 až 15.

Vara = 120; // celé číslo desiatková číselná hodnota var b = 012; // osmičkový formát var c = 0xfff; // hexadecimálny formát var d = 0xACFE12; // hexadecimálny formát

Čísla s pohyblivou rádovou čiarkou sú čísla s desatinnou časťou alebo sú to čísla vyjadrené v exponenciálnom tvare. Exponenciálny zápis čísel je nasledujúci: číslo so zlomkovou desatinnou časťou, za ktorým nasleduje písmeno e , ktoré môže byť zadané ako veľké alebo malé písmeno, za ktorým nasleduje voliteľné znamienko + alebo - a exponent celého čísla.

Vara = 6,24; // Reálne číslo varb = 1,234E+2; // reálne číslo, ekvivalentné 1,234 X 10² var c = 6,1e-2; // skutočné číslo, ekvivalentné 6,1 X 10‾²

2.2.3. Booleovský typ (booleovský)

Tento typ má dve hodnoty, true (true), false (false). Používa sa na porovnávanie a testovanie podmienok.

Var answer = potvrdiť("Páčil sa vám tento článok?\n Kliknite na tlačidlo OK. Ak nie, kliknite na tlačidlo Zrušiť."); if (odpoveď == pravda) (​upozornenie("Ďakujem!"); )

Existujú aj špeciálne typy jednoduchých hodnôt:
nulový typ- Tento typ má jednu hodnotu null, ktorá sa používa na reprezentáciu neexistujúcich objektov.

nedefinovaný typ- typ premennej podhodnotený znamená absenciu počiatočnej hodnoty premennej, ako aj neexistujúcu vlastnosť objektu.

Kompozitné dátové typy pozostávajú z viac ako jednej hodnoty. Patria sem objekty a špeciálne typy objektov – polia a funkcie. Objekty obsahujú vlastnosti a metódy, polia sú indexovanou kolekciou prvkov a funkcie sú tvorené kolekciou príkazov.

2.3. Globálne a lokálne premenné

Premenné sú rozdelené podľa rozsahu na globálne a miestne. Oblasť viditeľnosti je časť skriptu, kde je názov premennej priradený k tejto premennej a vracia jej hodnotu. Volajú sa premenné deklarované v tele funkcie miestne, možno ich použiť iba v tejto funkcii. Lokálne premenné sa vytvárajú a ničia spolu s príslušnou funkciou.

Premenné deklarované v rámci prvku