JS-zelfstudie

JS HOME JS Introductie JS Waarheen? JS-uitgang JS-verklaringen JS-syntaxis JS-opmerkingen JS-variabelen JS Let JS Const JS-operators JS Rekenen JS-opdracht JS-gegevenstypen JS-functies JS-objecten JS-evenementen JS-snaren JS String-methoden JS String zoeken JS String-sjablonen JS-nummers JS-nummermethoden JS-arrays JS-array-methoden JS-array sorteren JS-array-iteratie JS Array Const JS-datums JS-datumnotaties JS Datum Ophaalmethoden Methoden voor het instellen van JS-datum JS Math JS Willekeurig JS Booleans JS-vergelijkingen JS-voorwaarden JS-schakelaar JS Loop For JS-lus voor binnen JS Loop For Of JS-lus terwijl JS Break JS-iteraties JS-sets JS-kaarten JS Typeof JS Type conversie JS Bitwise JS RegExp JS-fouten JS-bereik JS Hijsen JS strikte modus JS dit trefwoord JS-pijlfunctie JS-lessen JS JSON JS-foutopsporing JS-stijlgids JS-best practices JS-fouten JS-prestaties JS Gereserveerde Woorden

JS-versies

JS-versies JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge JS-geschiedenis

JS-objecten

Objectdefinities Objecteigenschappen Objectmethoden Objectweergave Objectaccessoires Objectconstructeurs Objectprototypes Object-Iterables Objectsets Objectkaarten Objectreferentie

JS-functies

Functiedefinities Functieparameters: Functie-aanroep Functie-oproep: Functie Toepassen Functie Sluitingen

JS-lessen

Klas Intro Klasse Overerving Klasse Statisch

JS Asynchrone

JS-callbacks JS asynchroon JS belooft JS Async/Wachten

JS HTML DOM

DOM Intro DOM-methoden DOM-document DOM-elementen DOM HTML DOM-formulieren DOM-CSS DOM-animaties DOM-evenementen DOM-gebeurtenisluisteraar DOM-navigatie DOM-knooppunten DOM-collecties DOM-knooppuntlijsten

JS-browserstuklijst

JS-venster JS-scherm JS-locatie JS-geschiedenis JS-navigator JS pop-upwaarschuwing JS-timing JS-koekjes

JS Web API's

Introductie web-API Web Forms API Webgeschiedenis-API Webopslag-API Web Worker-API Web Fetch-API Webgeolocatie-API

JS AJAX

Ajax-intro AJAX XMLHttp Ajax-verzoek Ajax-reactie AJAX XML-bestand AJAX PHP Ajax ASP AJAX-database AJAX-toepassingen Ajax-voorbeelden

JS JSON

JSON-intro JSON-syntaxis JSON versus XML JSON-gegevenstypen JSON ontleden JSON Stringify JSON-objecten JSON-arrays JSON-server JSON PHP JSON HTML JSON JSONP

JS versus jQuery

jQuery-kiezers jQuery HTML jQuery CSS jQuery DOM

JS-graphics

JS-graphics JS Canvas JS Plotly JS Chart.js JS Google-kaart JS D3.js

JS-voorbeelden

JS-voorbeelden JS HTML DOM JS HTML-invoer JS HTML-objecten JS HTML-evenementen JS-browser JS-editor JS-oefeningen JS-quiz JS-certificaat

JS-referenties

JavaScript-objecten HTML DOM-objecten


JavaScript -verklaringen


Voorbeeld

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

JavaScript-programma's

Een computerprogramma is een lijst met "instructies" die door een computer moeten worden "uitgevoerd".

In een programmeertaal worden deze programmeerinstructies statements genoemd .

Een JavaScript-programma is een lijst met programmeerinstructies .

In HTML worden JavaScript-programma's uitgevoerd door de webbrowser.


JavaScript-verklaringen

JavaScript-instructies zijn samengesteld uit:

Waarden, operators, uitdrukkingen, trefwoorden en opmerkingen.

Deze verklaring vertelt de browser om "Hello Dolly" te schrijven. binnen een HTML-element met id="demo":

Voorbeeld

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

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

De instructies worden één voor één uitgevoerd in dezelfde volgorde als waarin ze zijn geschreven.

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


puntkomma's;

Puntkomma's scheiden JavaScript-instructies.

Voeg een puntkomma toe aan het einde van elke uitvoerbare instructie:

Voorbeelden

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

Wanneer gescheiden door puntkomma's, zijn meerdere instructies op één regel toegestaan:

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

Op internet ziet u mogelijk voorbeelden zonder puntkomma's.
Het beëindigen van instructies met een puntkomma is niet verplicht, maar wordt ten zeerste aanbevolen.



JavaScript-witruimte

JavaScript negeert meerdere spaties. U kunt witruimte aan uw script toevoegen om het leesbaarder te maken.

De volgende regels zijn equivalent:

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

Een goede gewoonte is om spaties rond operators te plaatsen (= + - * / ):

let x = y + z;

JavaScript-regellengte en regeleinden

Voor de beste leesbaarheid vermijden programmeurs vaak coderegels die langer zijn dan 80 tekens.

Als een JavaScript-instructie niet op één regel past, kunt u deze het beste afbreken na een operator:

Voorbeeld

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

JavaScript-codeblokken

JavaScript-instructies kunnen worden gegroepeerd in codeblokken, tussen accolades {...}.

Het doel van codeblokken is om instructies te definiëren die samen moeten worden uitgevoerd.

Een plaats waar u uitspraken gegroepeerd in blokken vindt, is in JavaScript-functies:

Voorbeeld

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

In deze tutorial gebruiken we 2 inspringingsruimten voor codeblokken.
Later in deze zelfstudie leert u meer over functies.


JavaScript-sleutelwoorden

JavaScript-instructies beginnen vaak met een trefwoord om de uit te voeren JavaScript-actie te identificeren.

Onze referentie voor gereserveerde woorden bevat alle JavaScript-sleutelwoorden.

Hier is een lijst met enkele van de trefwoorden waarover u in deze zelfstudie meer te weten komt:

trefwoord Beschrijving
var Declareert een variabele
let Declareert een blokvariabele
const Declareert een blokconstante
if Markeert een blok met instructies die op een voorwaarde moeten worden uitgevoerd
switch Markeert een blok met instructies die in verschillende gevallen moeten worden uitgevoerd
for Markeert een blok met instructies die in een lus moeten worden uitgevoerd
function Declareert een functie
return Sluit een functie af
try Implementeert foutafhandeling in een blok met instructies

JavaScript-trefwoorden zijn gereserveerde woorden. Gereserveerde woorden kunnen niet worden gebruikt als namen voor variabelen.