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


Syntaxe JavaScriptu

Syntaxe JavaScriptu je sada pravidel, jak jsou programy JavaScriptu konstruovány:

// How to create variables:
var x;
let y;

// How to use variables:
x = 5;
y = 6;
let z = x + y;

Hodnoty JavaScriptu

Syntaxe JavaScriptu definuje dva typy hodnot:

  • Pevné hodnoty
  • Proměnné hodnoty

Pevné hodnoty se nazývají literály .

Hodnoty proměnných se nazývají proměnné .


JavaScriptové literály

Dvě nejdůležitější pravidla syntaxe pro pevné hodnoty jsou:

1. Čísla se píší s desetinnými místy nebo bez nich:

10.50

1001

2. Řetězce jsou text psaný ve dvojitých nebo jednoduchých uvozovkách:

"John Doe"

'John Doe'


Proměnné JavaScriptu

V programovacím jazyce se proměnné používají k ukládání datových hodnot.

JavaScript používá klíčová slova vara letk constdeklaraci proměnných .

K přiřazení hodnot proměnným se používá rovnítko .

V tomto příkladu je x definováno jako proměnná. Potom je x přiřazena (daná) hodnota 6:

let x;
x = 6;

Operátoři JavaScriptu

JavaScript používá aritmetické operátory ( + - * /) k výpočtu hodnot:

(5 + 6) * 10

JavaScript používá operátor přiřazení ( =) k přiřazení hodnot proměnným:

let x, y;
x = 5;
y = 6;

JavaScriptové výrazy

Výraz je kombinací hodnot, proměnných a operátorů, která vypočítává hodnotu.

Výpočet se nazývá vyhodnocení.

Například 5 * 10 se vyhodnotí jako 50:

5 * 10

Výrazy mohou také obsahovat proměnné hodnoty:

x * 10

Hodnoty mohou být různého typu, například čísla a řetězce.

Například "John" + " " + "Doe" se vyhodnotí jako "John Doe":

"John" + " " + "Doe"

Klíčová slova JavaScriptu

Klíčová slova JavaScriptu se používají k identifikaci akcí, které mají být provedeny.

Klíčové letslovo říká prohlížeči, aby vytvořil proměnné:

let x, y;
x = 5 + 6;
y = x * 10;

Klíčové varslovo také říká prohlížeči, aby vytvořil proměnné:

var x, y;
x = 5 + 6;
y = x * 10;

V těchto příkladech použití var nebo letpovede ke stejnému výsledku.

Více se dozvíte v tomto tutoriálu var a později.let


Komentáře JavaScript

Ne všechny příkazy JavaScriptu jsou „provedeny“.

Kód za dvojitými lomítky //nebo mezi /*a */je považován za komentář .

Komentáře jsou ignorovány a nebudou provedeny:

let x = 5;   // I will be executed

// x = 6;   I will NOT be executed

Více o komentářích se dozvíte v další kapitole.


JavaScriptové identifikátory / názvy

Identifikátory jsou názvy JavaScriptu.

Identifikátory se používají k pojmenování proměnných, klíčových slov a funkcí.

Pravidla pro legální názvy jsou ve většině programovacích jazyků stejná.

Název JavaScriptu musí začínat:

  • písmeno (AZ nebo az)
  • znak dolaru ($)
  • Nebo podtržítko (_)

Následující znaky mohou být písmena, číslice, podtržítka nebo znaky dolaru.

Poznámka

Čísla nejsou povolena jako první znak ve jménech.

Tímto způsobem může JavaScript snadno rozlišit identifikátory od čísel.


JavaScript rozlišuje malá a velká písmena

Všechny identifikátory JavaScriptu rozlišují velká a malá písmena

Proměnné lastNamea lastname, jsou dvě různé proměnné:

let lastname, lastName;
lastName = "Doe";
lastname = "Peterson";

JavaScript neinterpretuje LET nebo Let jako klíčové slovo let .


JavaScript a Camel Case

Historicky programátoři používali různé způsoby spojování více slov do jednoho názvu proměnné:

pomlčky:

jméno, příjmení, hlavní karta, meziměsto.

Pomlčky nejsou v JavaScriptu povoleny. Jsou vyhrazeny pro odčítání.

podtržítko:

first_name, last_name, master_card, inter_city.

Horní pouzdro Camel (pouzdro Pascal):

Jméno, Příjmení, MasterCard, InterCity.

Dolní pouzdro Camel:

Programátoři JavaScriptu mají tendenci používat velká písmena začínající malým písmenem:

jméno, příjmení, masterCard, interCity.


JavaScript znaková sada

JavaScript používá znakovou sadu Unicode .

Unicode pokrývá (téměř) všechny znaky, interpunkci a symboly na světě.

Pro bližší pohled si prosím prostudujte naši kompletní referenční příručku Unicode .