JavaScript utasítások

Tartalomjegyzék

    Tartalomjegyzék megjelenítése

Példa

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

Próbálja ki Ön is →

<!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 programok

A számítógépes program a szükséges „utasítások” listája számítógép által "végrehajtott".

Egy programozási nyelvben ezeket a programozási utasításokat utasításoknak nevezik.

A JavaScript program a programozási utasítások listája.

A HTML-ben a JavaScript programokat a webböngésző hajtja végre.

JavaScript utasítások

A JavaScript utasítások a következőkből állnak:

Értékek, operátorok, kifejezések, kulcsszavak, és Megjegyzések.

Ez a kijelentés arra utasítja a böngészőt, hogy írja be: „Hello Dolly”. id="demo" HTML-elemen belül:

Példa

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

Próbálja ki Ön is →

<!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>

A legtöbb JavaScript programok sok JavaScript utasítást tartalmaznak.

Az utasításokat egyenként hajtják végre a ugyanabban a sorrendben, ahogy írják.

A JavaScript programokat (és a JavaScript utasításokat) gyakran JavaScript kódnak nevezik.

pontosvessző ;

Pontosvessző választja el a JavaScript utasításokat.

Adjon pontosvesszőt minden végrehajtható utasítás végéhez:

Példák

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

Próbálja ki Ön is →

<!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>

Pontosvesszővel elválasztva egy sorban több utasítás is megengedett:

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

Próbálja ki Ön is →

<!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>

Az interneten pontosvessző nélküli példákat láthat.
Az utasítások pontosvesszővel történő befejezése nem kötelező, de erősen ajánlott.

JavaScript White Space

A JavaScript több szóközt figyelmen kívül hagy. A szkriptet szóközökkel teheti olvashatóbbá.

A következő sorok egyenértékűek:

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

Jó gyakorlat az, hogy szóközöket helyezünk az operátorok köré (=+ - */):

let x = y + z;

JavaScript vonalhossz és sortörések

A legjobb olvashatóság érdekében a programozók gyakran elkerülik a 80-nál hosszabb kódsorokat karakterek.

Ha egy JavaScript utasítás nem fér el egy sorba, a legjobb hely a törésre egy operátor után van:

Példa

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

Próbálja ki Ön is →

<!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>

JavaScript kódblokkok

A JavaScript utasítások kódblokkokba csoportosíthatók, a curly belsejében zárójelek {...}.

A kódblokkok célja az együtt végrehajtandó utasítások meghatározása.

Az egyik hely, ahol blokkokba csoportosítva találja az állításokat JavaScript funkciók:

Példa

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

Próbálja ki Ön is →

<!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>

Ebben az oktatóanyagban 2 behúzási szóközt használunk a kódblokkokhoz.
Ebben az oktatóanyagban később többet megtudhat a funkciókról.

JavaScript kulcsszavak

A JavaScript utasítások gyakran kulcsszóval kezdődnek a végrehajtandó JavaScript-művelet azonosításához.

Fenntartott szavak hivatkozási listánk felsorolja az összes JavaScript kulcsszót.

Íme néhány olyan kulcsszó lista, amelyekről tanulni fog ez az oktatóanyag:

var

Változót deklarál

let

Blokkváltozót deklarál

const

Blokkállandót deklarál

if

Megjelöl egy feltétellel végrehajtandó utasításblokkot

switch

Különböző esetekben végrehajtandó utasítások blokkját jelöli meg

for

Megjelöl egy ciklusban végrehajtandó utasításblokkot

function

Egy függvényt deklarál

return

Kilép egy funkcióból

try

Hibakezelést valósít meg egy utasításblokkban

A JavaScript kulcsszavak foglalt szavak. A fenntartott szavak nem használhatók változók neveként.