Výukový program JS

JS HOME Úvod do JS JS Kam vést Výstup JS JS prohlášení Syntaxe JS Komentáře JS JS proměnné JS Let JS Const Operátoři JS JS aritmetika Zadání JS JS datové typy Funkce JS JS objekty Události JS JS struny JS String Methods JS String Search Šablony řetězců JS JS čísla Metody čísel JS JS Arrays Metody JS Array JS Array Sort Iterace pole JS JS Array Const JS Termíny Formáty data JS JS metody získávání data JS metody nastavení data JS Math JS Náhodný JS Booleans JS Srovnání Podmínky JS Přepínač JS JS Loop For JS Loop For In JS Loop For Of Zatímco JS Loop JS Break JS Iterables Sady JS Mapy JS Typ JS Konverze typu JS JS Bitwise JS RegExp Chyby JS Rozsah JS JS Zvedací zařízení Přísný režim JS JS toto klíčové slovo Funkce šipky JS JS třídy JS JSON Ladění JS Průvodce stylem JS JS Best Practices Chyby JS Výkon JS JS Reserved Words

Verze JS

Verze JS JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge Historie JS

JS objekty

Definice objektů Vlastnosti objektu Objektové metody Zobrazení objektu Objektové přístupové objekty Konstruktory objektů Prototypy objektů Iterovatelné objekty Sady objektů Mapy objektů Reference objektu

Funkce JS

Definice funkcí Funkční parametry Vyvolání funkce Volání funkce Funkce Použít Funkční uzávěry

JS třídy

Úvod do třídy Třídní dědičnost Třída Statická

JS Async

JS zpětná volání JS asynchronní JS Sliby JS Async/Await

JS HTML DOM

Úvod do DOM Metody DOM Dokument DOM Prvky DOM DOM HTML Formuláře DOM DOM CSS DOM animace Události DOM DOM Event Listener Navigace DOM DOM uzly Kolekce DOM Seznamy uzlů DOM

Kusovník prohlížeče JS

Okno JS Obrazovka JS Umístění JS Historie JS JS Navigator Popup Alert JS Časování JS Soubory cookie JS

Webová rozhraní API JS

Úvod do webového rozhraní API Web Forms API Webová historie API Web Storage API Web Worker API Web Fetch API Web Geolocation API

JS AJAX

Úvod do AJAXu AJAX XMLHttp Požadavek AJAX Odpověď AJAX Soubor XML AJAX AJAX PHP AJAX ASP Databáze AJAX Aplikace AJAX Příklady AJAX

JS JSON

Úvod do JSON Syntaxe JSON JSON vs XML Datové typy JSON Analýza JSON JSON Stringify Objekty JSON Pole JSON Server JSON JSON PHP JSON HTML JSON JSONP

JS vs jQuery

Selektory jQuery HTML jQuery jQuery CSS jQuery DOM

Grafika JS

Grafika JS JS Canvas JS Plotly JS Chart.js JS Google Chart JS D3.js

Příklady JS

Příklady JS JS HTML DOM Vstup HTML JS JS HTML objekty JS HTML události Prohlížeč JS Editor JS Cvičení JS JS kvíz Certifikát JS

JS Reference

Objekty JavaScriptu HTML DOM objekty


JavaScript prohlášení


Příklad

let x, y, z;    // Statement 1
x = 5;          // Statement 2
y = 6;          // Statement 3
z = x + y;      // Statement 4

JavaScript programy

Počítačový program je seznam „pokynů“, které má počítač „vykonat“.

V programovacím jazyce se tyto programovací instrukce nazývají příkazy .

JavaScriptový program je seznam programovacích příkazů .

V HTML jsou programy JavaScriptu spouštěny webovým prohlížečem.


JavaScript prohlášení

Příkazy JavaScriptu se skládají z:

Hodnoty, operátory, výrazy, klíčová slova a komentáře.

Tento příkaz říká prohlížeči, aby napsal "Hello Dolly." uvnitř prvku HTML s id="demo":

Příklad

document.getElementById("demo").innerHTML = "Hello Dolly.";

Většina programů JavaScript obsahuje mnoho příkazů JavaScript.

Příkazy se provádějí jeden po druhém ve stejném pořadí, v jakém jsou napsány.

Programy JavaScript (a příkazy JavaScriptu) se často nazývají kód JavaScript.


středníky;

Středníky oddělují příkazy JavaScriptu.

Přidejte středník na konec každého spustitelného příkazu:

Příklady

let a, b, c;  // Declare 3 variables
a = 5;        // Assign the value 5 to a
b = 6;        // Assign the value 6 to b
c = a + b;    // Assign the sum of a and b to c

Při oddělení středníkem je povoleno více příkazů na jednom řádku:

a = 5; b = 6; c = a + b;

Na webu můžete vidět příklady bez středníků.
Ukončení příkazů středníkem není povinné, ale důrazně se doporučuje.



Prázdné místo JavaScriptu

JavaScript ignoruje více mezer. Do skriptu můžete přidat prázdné místo, aby byl čitelnější.

Následující řádky jsou ekvivalentní:

let person = "Hege";
let person="Hege";

Osvědčeným postupem je vkládat mezery kolem operátorů ( = + - * / ):

let x = y + z;

Délka řádků JavaScript a zalomení řádků

Pro nejlepší čitelnost se programátoři často rádi vyhýbají řádkům kódu delším než 80 znaků.

Pokud se příkaz JavaScript nevejde na jeden řádek, nejlepší místo pro jeho přerušení je po operátoru:

Příklad

document.getElementById("demo").innerHTML =
"Hello Dolly!";

Bloky kódu JavaScript

Příkazy JavaScriptu lze seskupit do bloků kódu uvnitř složených závorek {...}.

Účelem bloků kódu je definovat příkazy, které se mají provádět společně.

Jedno místo, kde najdete příkazy seskupené do bloků, jsou funkce JavaScriptu:

Příklad

function myFunction() {
  document.getElementById("demo1").innerHTML = "Hello Dolly!";
  document.getElementById("demo2").innerHTML = "How are you?";
}

V tomto tutoriálu používáme 2 mezery odsazení pro bloky kódu.
Více o funkcích se dozvíte později v tomto tutoriálu.


Klíčová slova JavaScriptu

Příkazy JavaScriptu často začínají klíčovým slovem k identifikaci akce JavaScriptu, která má být provedena.

Naše reference vyhrazených slov uvádí všechna klíčová slova JavaScriptu.

Zde je seznam některých klíčových slov, o kterých se dozvíte v tomto tutoriálu:

Klíčové slovo Popis
var Deklaruje proměnnou
let Deklaruje blokovou proměnnou
const Deklaruje blokovou konstantu
if Označuje blok příkazů, které mají být provedeny za podmínky
switch Označuje blok příkazů, které mají být provedeny v různých případech
for Označuje blok příkazů, které mají být provedeny ve smyčce
function Deklaruje funkci
return Ukončí funkci
try Implementuje zpracování chyb do bloku příkazů

Klíčová slova JavaScriptu jsou vyhrazená slova. Vyhrazená slova nelze použít jako názvy proměnných.