JavaScript prohlášení

Obsah

    Zobrazit obsah

Příklad

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

Zkuste to sami →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Statements</h2>

<p>A <b>JavaScript program</b> is a list of <b>statements</b> to be executed by a computer.</p>

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

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

document.getElementById("demo").innerHTML =
"The value of z is " + z + ".";  
</script>

</body>
</html>

JavaScript programy

Počítačový program je seznam „pokynů“, které mají být „prováděné“ počítačem.

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.";

Zkuste to sami →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Statements</h2>

<p>In HTML, JavaScript statements are executed by the browser.</p>

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

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

</body>
</html>

Většina JavaScriptu programy obsahují mnoho příkazů JavaScriptu.

Příkazy se provádějí jeden po druhém v 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

Zkuste to sami →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Statements</h2>

<p>JavaScript statements are separated by semicolons.</p>

<p id="demo1"></p>

<script>
let a, b, c;
a = 5;
b = 6;
c = a + b;
document.getElementById("demo1").innerHTML = c;
</script>

</body>
</html>

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

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

Zkuste to sami →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Statements</h2>

<p>Multiple statements on one line are allowed.</p>

<p id="demo1"></p>

<script>
let a, b, c;
a = 5; b = 6; c = a + b;
document.getElementById("demo1").innerHTML = c;
</script>

</body>
</html>

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 postavy.

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

Příklad

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

Zkuste to sami →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Statements</h2>

<p>
The best place to break a code line is after an operator or a comma.
</p>

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

<script>
document.getElementById("demo").innerHTML =
"Hello Dolly!";
</script>

</body>
</html>

Bloky kódu JavaScript

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

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

Jedno místo, kde najdete výroky seskupené do bloků, je in Funkce JavaScriptu:

Příklad

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

Zkuste to sami →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Statements</h2>

<p>JavaScript code blocks are written between { and }</p>

<button type="button" onclick="myFunction()">Click Me!</button>

<p id="demo1"></p>
<p id="demo2"></p>

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

</body>
</html>

V tomto tutoriálu používáme pro bloky kódu 2 mezery odsazení.
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 tento tutoriál:

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.