Syntaxe JavaScriptu

Obsah

Syntaxe JavaScriptu je sada pravidel, jak JavaScript programy jsou 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íší pomocí nebo bez desetinných míst:

10.50

1001

Zkuste to sami →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Numbers</h2>

<p>Number can be written with or without decimals.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 10.50;
</script>

</body>
</html>

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

"John Doe"

'John Doe'

Zkuste to sami →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Strings</h2>

<p>Strings can be written with double or single quotes.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 'John Doe';
</script>

</body>
</html>

Proměnné JavaScriptu

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

JavaScript používá klíčová slova var, nechat a konst deklarovat proměnné.

Rovník se používá k přiřazování hodnot proměnným.

V tomto příkladu je x definováno jako proměnná. Pak je x přiřazenou (danou) hodnotu 6:

let x;
x = 6;

Zkuste to sami →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Variables</h2>

<p>In this example, x is defined as a variable.
Then, x is assigned the value of 6:</p>

<p id="demo"></p>

<script>
let x;
x = 6;
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

Operátoři JavaScriptu

JavaScript používá aritmetické operátory ( + - * / ). vypočítat hodnoty:

(5 + 6) * 10

Zkuste to sami →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Operators</h2>

<p>JavaScript uses arithmetic operators to compute values (just like algebra).</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = (5 + 6) * 10;
</script>

</body>
</html>

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

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

Zkuste to sami →

<!DOCTYPE html>
<html>
<body>

<h2>Assigning JavaScript Values</h2>

<p>In JavaScript the = operator is used to assign values to variables.</p>

<p id="demo"></p>

<script>
let x, y;
x = 5;
y = 6;
document.getElementById("demo").innerHTML = x + y;
</script>

</body>
</html>

JavaScriptové výrazy

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

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

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

5 * 10

Zkuste to sami →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Expressions</h2>

<p>Expressions compute to values.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 5 * 10;
</script>

</body>
</html>

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

 x * 10

Zkuste to sami →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Expressions</h2>

<p>Expressions compute to values.</p>

<p id="demo"></p>

<script>
var x;
x = 5;
document.getElementById("demo").innerHTML = x * 10;
</script>

</body>
</html>

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"

Zkuste to sami →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Expressions</h2>

<p>Expressions compute to values.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = "John" + " "  + "Doe";
</script>

</body>
</html>

Klíčová slova JavaScriptu

JavaScript klíčová slova se používají identifikovat akce, které mají být provedeny.

The Klíčové slovo let sdělí prohlížeči, aby vytvořil proměnné:

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

Zkuste to sami →

<!DOCTYPE html>
<html>
<body>

<h2>The <b>let</b> Keyword Creates Variables</h2>

<p id="demo"></p>

<script>
let x, y;
x = 5 + 6;
y = x * 10;
document.getElementById("demo").innerHTML = y;
</script>

</body>
</html>

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

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

Zkuste to sami →

<!DOCTYPE html>
<html>
<body>

<h2>The var Keyword Creates Variables</h2>

<p id="demo"></p>

<script>
var x, y;
x = 5 + 6;
y = x * 10;
document.getElementById("demo").innerHTML = y;
</script>

</body>
</html>

V těchto příkladech pomocí var nebo let vytvoří stejný výsledek.

Dozvíte se více o var a nech dále v tomto kurzu.

Komentáře JavaScript

Ne všechny příkazy JavaScriptu jsou „prováděny“.

Kód za dvojitým lomítkem // nebo mezi /* a */ je považováno za komentář.

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

let x = 5;   // I will be executed
// x = 6;   I will 
NOT be executed

Zkuste to sami →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Comments are NOT Executed</h2>

<p id="demo"></p>

<script>
let x;
x = 5;
// x = 6; I will not be executed
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

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 a 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 (A-Z nebo a-z)
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 JavaScriptové identifikátory jsou rozlišují malá a velká písmena.

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

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

Zkuste to sami →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript is Case Sensitive</h2>

<p>Try to change lastName to lastname.</p>

<p id="demo"></p>

<script>
let lastname, lastName;
lastName = "Doe";
lastname = "Peterson";
document.getElementById("demo").innerHTML = lastName;
</script>

</body>
</html>

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.

Upper Camel Case (Pascal Case):

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

Spodní 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í referenci Unicode.