JavaScript Statements

In HTML, JavaScript statements are 'executed' instructions by web browsers.

Voorbeeld

var x, y, z; // Statement 1
x = 22; // Statement 2
y = 11; // Statement 3
z = x + y; // Statement 4

Probeer het zelf uit

JavaScript program

Computer programare a series of 'instructions' executed by the computer.

In programming languages, these programmingInstructionis called a statement.

JavaScript programis a series of programmingStatement.

Opmerking:In HTML, JavaScript programs are executed by web browsers.

JavaScript Statements

JavaScript-statements bestaan uit het volgende:

Waarden, operatoren, expressies, sleutelwoorden en opmerkingen.

Deze statement vertelt de browser om "Hello Kitty." weer te geven in het HTML-element met id="demo":

Voorbeeld

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

Probeer het zelf uit

De meeste JavaScript-programma's bevatten veel JavaScript-statements.

Deze statements worden in de volgorde waarin ze zijn geschreven afzonderlijk uitgevoerd.

Opmerking:JavaScript-programma's (en JavaScript-statements) worden vaak JavaScript-code genoemd.

Semicolons ;

Semicolons scheiden JavaScript-statements.

Voeg een puntkomma toe achter elke uitvoerbare statement：

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

Probeer het zelf uit

Als er een puntkomma wordt gebruikt, is het toegestaan om meerdere statements op één regel te schrijven：

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

Probeer het zelf uit

Je kunt voorbeelden vinden van voorbeelden zonder puntkomma's online.

Waarschuwing：Een statement afsluiten met een puntkomma is niet noodzakelijk, maar we raden het sterk aan.

Lege tekens in JavaScript

JavaScript negeert meerdere spaties. Je kunt spaties toevoegen aan het script om de leesbaarheid te verbeteren.

Deze twee regels zijn gelijk aan elkaar：

var person = "Bill";
var person="Bill";

Het is een goede gewoonte om een spatie toe te voegen naast een operator（= + - * /）：

var x = y + z;

Lengte van JavaScript-regels en breken

Om de beste leesbaarheid te bereiken, hebben programmeurs vaak de voorkeur aan code-regels die niet langer zijn dan 80 karakters.

Als een JavaScript-statement te lang is, is de beste plek om het te breken na een operator：

Voorbeeld

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

Probeer het zelf uit

JavaScript-codeblokken

JavaScript-statements kunnen worden gecombineerd met haakjes ({...}）worden gecombineerd in codeblokken.

De functie van codeblokken is om statements die tegelijkertijd worden uitgevoerd te definiëren.

Je ziet in JavaScript statements die samengevoegd zijn in blokken:

Voorbeeld

function myFunction() {
    document.getElementById("demo").innerHTML = "Hello Kitty.";
    document.getElementById("myDIV").innerHTML = "Hoe gaat het met je?";
}

Probeer het zelf uit

Opmerking:In deze handleiding hebben we voor codeblokken een inspringing van 4 spaties gebruikt.

Waarschuwing：Je zult later in dit tutoriaal meer leren over functies.

JavaScript Sleutelwoorden

JavaScript statements worden vaak geïdentificeerd met een sleutelwoord om de te uitvoeren JavaScript-actie aan te geven.

De tabel hieronder somt een deel van de sleutelwoorden op die je in deze tutorial zult leren:

Sleutelwoord Beschrijving
break Beëindig de switch of de lus.
continue Spring uit de lus en begin aan de top.
debugger Stop met het uitvoeren van JavaScript en roep de debugfunctie aan (indien beschikbaar).
do ... while Voer een statementblok uit en herhaal de codeblokken zolang de conditie waar is.
for Markeer statementblokken die moeten worden uitgevoerd, zolang de conditie waar is.
function Functies declareren.
if ... else Markeer statementblokken die moeten worden uitgevoerd, afhankelijk van een bepaalde conditie.
return Verlaat de functie.
switch Markeer statementblokken die moeten worden uitgevoerd, afhankelijk van verschillende situaties.
try ... catch Foutafhandeling voor statementblokken implementeren.
var Variabelen declareren.

Opmerking:JavaScript Sleutelwoorden verwijzen naar voorbehouden woorden. Voorbehouden woorden kunnen niet worden gebruikt als variabelenamen.

Bijkomende lezingen

JavaScript Avanceerd Tutoriaal: ECMAScript Syntax