JavaScript byl vytvořen programátorem Brendan Eich od Netscape a představen v prosinci 1995 pod názvem LiveScript. Poměrně rychle byl přejmenován na JavaScript, ačkoli oficiální název JavaScriptu je ECMAScript. ECMAScript je vyvinut a udržován mezinárodní organizací ECMA (European Computer Manufacturers Association).

Co je JavaScript?
1) JavaScript je skriptovací jazyk nebo skripty. Skript je programovací kód- sada instrukcí, která před spuštěním nevyžaduje předběžné zpracování (například kompilaci). JavaScript kód je interpretován jádrem prohlížeče během načítání webové stránky. Interpret prohlížeče analyzuje, zpracovává a provádí původní program nebo dotaz řádek po řádku.

2) JavaScript je objektově orientovaný jazyk s prototypovou dědičností. Podporuje několik vestavěných objektů a také umožňuje vytvářet nebo mazat vlastní (vlastní) objekty. Objekty mohou dědit vlastnosti přímo jeden od druhého a vytvářet prototypový objektový řetězec.

JavaScript na webových stránkách

1. Připojení skriptů k html dokumentu

JavaScript skripty jsou vestavěný, tj. jejich obsah je součástí dokumentu a externí, uložený v samostatném souboru .js. Skripty lze vložit do html dokumentu následujícími způsoby:

nebo tělo stránky.

Tato metoda se obvykle používá pro velké skripty nebo skripty, které se opakovaně používají na různých webových stránkách.

Jako obsluha události.
Každý prvek html má události JavaScriptu, které se spouštějí určitý okamžik. Musíte přidat nezbytnou událost do prvku html jako atribut a zadat požadovanou funkci jako hodnotu tohoto atributu. Funkce, která má být volána v reakci na spuštění události, je obsluha události. V důsledku spuštění události bude spuštěn kód s ní spojený. Tato metoda se používá hlavně pro krátké skripty, můžete například nastavit, aby se barva pozadí změnila po kliknutí na tlačítko:

Uvnitř prvku

2. Datové typy a proměnné v JavaScriptu

Počítače zpracovávají informace - data. Data mohou být prezentována v různých formách nebo typech. Velká část funkcí JavaScriptu je implementována prostřednictvím jednoduché sady objektů a datových typů. Funkce související s řetězci, čísly a logikou jsou založeny na datových typech string, number a boolean. jiný funkčnost, počítaje v to regulární výrazy, data a matematické operace, se provádí pomocí objektů RegExp, Date a Math.

Doslovy v JavaScriptu jsou speciální třídou datového typu, pevné hodnoty jednoho ze tří datových typů – řetězcový, číselný nebo booleovský:

"toto je řetězec" 3.14 true alert("Hellow"); // "Hellow" je doslovná var myVariable = 15; // 15 je doslovné

primitivní datový typ je instancí určitého datového typu, jako je string, numeric, boolean, null a undefined .

2.1. Proměnné v JavaScriptu

Data zpracovaná skriptem JavaScript jsou proměnné. Proměnné jsou pojmenované kontejnery, které ukládají data (hodnoty) v paměti počítače, které se mohou během provádění programu měnit. Proměnné mají název, Typ a význam.

název proměnné, popř identifikátor, může zahrnovat pouze písmena a-z, A-Z , číslice 0-9 (číslice nemůže být prvním znakem v názvu proměnné), symbol $ (může být pouze první znak v názvu proměnné nebo funkce) a podtržítko _ , mezery nejsou povoleny. Délka názvu proměnné není omezena. Je možné, ale nedoporučuje se psát názvy proměnných písmeny ruské abecedy, k tomu musí být napsány v Unicode.

Jako název proměnné nemůžete použít klíčová slova JavaScriptu. Názvy proměnných v JavaScriptu rozlišují velká a malá písmena, což znamená, že var message; a varMessage; jsou různé proměnné.

Proměnná je vytvořena (deklarována) pomocí klíčové slovo var následovaný názvem proměnné, například var message; . Před použitím musíte proměnnou deklarovat.

Variabilní inicializováno hodnota pomocí operátoru přiřazení = , například var message="Hellow"; , tj. proměnná zprávy je vytvořena a uložena v ní počáteční Hodnota "Ahoj". Proměnná může být deklarována bez hodnoty, v takovém případě je jí přiřazena výchozí hodnota undefined . Hodnota proměnné se může během provádění skriptu změnit. Různé proměnné lze deklarovat na stejném řádku tak, že je oddělíte čárkou:

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

2.2. Variabilní datové typy

JavaScript je netypovaný jazyk; datový typ pro konkrétní proměnnou není nutné při deklaraci specifikovat. Datový typ proměnné závisí na hodnotách, které nabývá. Typ proměnné se může měnit během operací s daty ( odlévání dynamického typu). Konverze typů se provádí automaticky v závislosti na kontextu, ve kterém jsou použity. Například ve výrazech obsahujících číselné a řetězcové hodnoty s operátorem + JavaScript převádí číselné hodnoty na řetězce:

Zpráva Var = 10 + "dní před dovolenou"; // vrátí "10 dní do prázdnin"

Datový typ proměnné můžete získat pomocí operátoru typeof. Tento operátor vrací řetězec, který identifikuje odpovídající typ.

typ 35; // vrátí "číslo" typ "text"; // vrátí "string" typeof true; // vrátí "booleovský" typeof ; // vrátí "objekt" typeof undefined; // vrátí "undefined" typeof null; // vrátí "objekt"

Všechny datové typy v JavaScriptu jsou rozděleny do dvou skupin − jednoduchý typy dat (primitivní datové typy) a kompozitní typy dat (složené datové typy).

Na jednoduchý datové typy zahrnují string, numeric, boolean, null a underfined .

2.2.1. Typ řetězce (string)

Používá se k uložení řetězce znaků uzavřených do dvojitých nebo jednoduchých uvozovek. Prázdná sada znaků uzavřená v jednoduchých nebo dvojitých uvozovkách je prázdný řetězec. Číslo uzavřené v uvozovkách je také řetězec.

var peníze = ""; // prázdný řetězec, nula znaků var work = "test"; var den = "neděle"; var x = "150";

Do řetězce s dvojitými uvozovkami můžete vložit jednu uvozovku a naopak. Uvozovka stejného typu je uvozena znakem zpětného lomítka \ (tzv escape sekvence):

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

Řetězce lze porovnávat i zřetězit pomocí operátoru zřetězení +. S automatickým typem odlévání mohou být čísla a řetězce zřetězeny. Řetězce jsou trvalé, jakmile je řetězec vytvořen, nelze jej změnit, ale lze jej vytvořit nový řádek zřetězením dalších řádků.

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

Používá se pro číselné hodnoty. Čísla v JavaScript jsou dvou typů: celá čísla (celé číslo) a čísla s plovoucí desetinnou čárkou (číslo s plovoucí desetinnou čárkou). Celočíselné hodnoty mohou být kladné, například 1, 2, a záporné, například -1, -2 nebo nula. 1 a 1.0 jsou stejné hodnoty. Většina čísel v JavaScriptu je zapsána jako desítková soustava lze použít i číslice, osmičkové a šestnáctkové soustavy.

V desetinný systému, hodnoty číselných proměnných jsou specifikovány pomocí arabských číslic 1, 2, 3, 4, 5, 6, 7, 8, 9, 0.

V osmičkový Formát čísla je sekvence obsahující číslice 0 až 7 a začínající předponou 0 .

Pro hexadecimální formát má předponu 0x (0X), za kterou následuje sekvence čísel 0 až 9 nebo písmen a (A) až f (F), odpovídající hodnotám 10 až 15.

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

Čísla s plovoucí desetinnou čárkou jsou čísla se zlomkovou desetinnou částí nebo jsou to čísla vyjádřená v exponenciálním tvaru. Exponenciální zápis čísel je následující: číslo se zlomkovou desetinnou částí, za nímž následuje písmeno e , které může být uvedeno jako velké nebo malé písmeno, za nímž následuje volitelný znak + nebo - a exponent celého čísla.

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

2.2.3. Booleovský typ (boolean)

Tento typ má dvě hodnoty, true (true), false (false). Používá se k porovnání a testování podmínek.

Var answer = potvrdit("Líbil se vám tento článek?\n Klikněte na OK. Pokud ne, klikněte na Storno."); if (odpověď == pravda) (​upozornění("Děkuji!"); )

Existují také speciální typy jednoduchých hodnot:
nulový typ- Tento typ má jednu hodnotu null, která se používá k reprezentaci neexistujících objektů.

nedefinovaný typ- typ proměnné underfined znamená nepřítomnost počáteční hodnoty proměnné, stejně jako neexistující vlastnost objektu.

Složené datové typy sestávají z více než jedné hodnoty. Patří sem objekty a speciální typy objektů – pole a funkce. Objekty obsahují vlastnosti a metody, pole jsou indexovanou kolekcí prvků a funkce se skládají z kolekce příkazů.

2.3. Globální a lokální proměnné

Proměnné jsou rozděleny podle rozsahu na globální a místní. Oblast viditelnosti je část skriptu, kde je název proměnné přidružen k této proměnné a vrací její hodnotu. Volají se proměnné deklarované v těle funkce místní, lze je použít pouze v této funkci. Lokální proměnné se vytvářejí a ničí spolu s odpovídající funkcí.

Proměnné deklarované v prvku