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

JavaScript-syntaxis is de set regels, hoe JavaScript-programma's worden geconstrueerd:

// How to create variables:
var x;
let y;

// How to use variables:
x = 5;
y = 6;
let z = x + y;

JavaScript-waarden

De JavaScript-syntaxis definieert twee soorten waarden:

  • Vaste waarden
  • Variabele waarden

Vaste waarden worden Literals genoemd .

Variabele waarden worden variabelen genoemd .


JavaScript-letters

De twee belangrijkste syntaxisregels voor vaste waarden zijn:

1. Getallen worden met of zonder decimalen geschreven:

10.50

1001

2. Strings zijn tekst, geschreven tussen dubbele of enkele aanhalingstekens:

"John Doe"

'John Doe'


JavaScript-variabelen

In een programmeertaal worden variabelen gebruikt om gegevenswaarden op te slaan .

JavaScript gebruikt de trefwoorden var, leten om variabelen constte declareren .

Een gelijkteken wordt gebruikt om waarden aan variabelen toe te kennen.

In dit voorbeeld is x gedefinieerd als een variabele. Vervolgens wordt aan x de waarde 6 toegekend (gegeven):

let x;
x = 6;

JavaScript-operators

JavaScript gebruikt rekenkundige operatoren ( + - * /) om waarden te berekenen :

(5 + 6) * 10

JavaScript gebruikt een toewijzingsoperator ( =) om waarden aan variabelen toe te wijzen:

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

JavaScript-expressies

Een expressie is een combinatie van waarden, variabelen en operators, die wordt berekend tot een waarde.

De berekening wordt een evaluatie genoemd.

Bijvoorbeeld, 5 * 10 evalueert tot 50:

5 * 10

Expressies kunnen ook variabele waarden bevatten:

x * 10

De waarden kunnen van verschillende typen zijn, zoals getallen en tekenreeksen.

Bijvoorbeeld, "John" + " " + "Doe", evalueert naar "John Doe":

"John" + " " + "Doe"

JavaScript-sleutelwoorden

JavaScript- sleutelwoorden worden gebruikt om acties te identificeren die moeten worden uitgevoerd.

Het letsleutelwoord vertelt de browser om variabelen te maken:

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

Het varsleutelwoord vertelt de browser ook om variabelen te maken:

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

In deze voorbeelden zal het gebruik van var of lethetzelfde resultaat opleveren.

U leert meer over var en letlater in deze tutorial.


JavaScript-opmerkingen

Niet alle JavaScript-instructies worden "uitgevoerd".

Code na dubbele schuine strepen //of tussen /*en */wordt behandeld als commentaar .

Opmerkingen worden genegeerd en worden niet uitgevoerd:

let x = 5;   // I will be executed

// x = 6;   I will NOT be executed

In een later hoofdstuk leert u meer over opmerkingen.


JavaScript-ID's / -namen

Identifiers zijn JavaScript-namen.

Identifiers worden gebruikt om variabelen en trefwoorden en functies te benoemen.

De regels voor wettelijke namen zijn in de meeste programmeertalen hetzelfde.

Een JavaScript-naam moet beginnen met:

  • Een letter (AZ of az)
  • Een dollarteken ($)
  • Of een onderstrepingsteken (_)

Volgende tekens kunnen letters, cijfers, onderstrepingstekens of dollartekens zijn.

Opmerking

Cijfers zijn niet toegestaan ​​als eerste teken in namen.

Op deze manier kan JavaScript gemakkelijk identificaties van getallen onderscheiden.


JavaScript is hoofdlettergevoelig

Alle JavaScript-ID's zijn hoofdlettergevoelig

De variabelen lastNameen lastname, zijn twee verschillende variabelen:

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

JavaScript interpreteert LET of Let niet als het sleutelwoord let .


JavaScript en Camel Case

Historisch gezien hebben programmeurs verschillende manieren gebruikt om meerdere woorden samen te voegen tot één variabelenaam:

koppeltekens:

voornaam, achternaam, mastercard, intercity.

Koppeltekens zijn niet toegestaan ​​in JavaScript. Ze zijn gereserveerd voor aftrekkingen.

Laag streepje:

voornaam, achternaam, master_card, inter_city.

Bovenste Camel Case (Pascal Case):

Voornaam, Achternaam, MasterCard, InterCity.

Lagere kameelbehuizing:

JavaScript-programmeurs hebben de neiging om camel case te gebruiken die begint met een kleine letter:

voornaam, achternaam, masterCard, interCity.


JavaScript-tekenset

JavaScript gebruikt de Unicode- tekenset.

Unicode omvat (bijna) alle tekens, leestekens en symbolen ter wereld.

Bekijk onze complete Unicode-referentie voor meer informatie .