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

JavaScript-variabelen kunnen verschillende gegevenstypen bevatten: getallen, tekenreeksen, objecten en meer:

let length = 16;                               // Number
let lastName = "Johnson";                      // String
let x = {firstName:"John", lastName:"Doe"};    // Object

Het concept van gegevenstypen

Bij het programmeren is datatypes een belangrijk begrip.

Om met variabelen te kunnen werken, is het belangrijk om iets over het type te weten.

Zonder datatypes kan een computer dit niet veilig oplossen:

let x = 16 + "Volvo";

Heeft het zin om "Volvo" toe te voegen aan zestien? Zal het een fout opleveren of zal het een resultaat opleveren?

JavaScript behandelt het bovenstaande voorbeeld als:

let x = "16" + "Volvo";

Bij het toevoegen van een getal en een tekenreeks behandelt JavaScript het nummer als een tekenreeks.

Voorbeeld

let x = 16 + "Volvo";

Voorbeeld

let x = "Volvo" + 16;

JavaScript evalueert uitdrukkingen van links naar rechts. Verschillende sequenties kunnen verschillende resultaten opleveren:

javascript:

let x = 16 + 4 + "Volvo";

Resultaat:

20Volvo

javascript:

let x = "Volvo" + 16 + 4;

Resultaat:

Volvo164

In het eerste voorbeeld behandelt JavaScript 16 en 4 als getallen, totdat het "Volvo" bereikt.

In het tweede voorbeeld, aangezien de eerste operand een string is, worden alle operanden behandeld als strings.



JavaScript-typen zijn dynamisch

JavaScript heeft dynamische typen. Dit betekent dat dezelfde variabele kan worden gebruikt voor verschillende gegevenstypen:

Voorbeeld

let x;           // Now x is undefined
x = 5;           // Now x is a Number
x = "John";      // Now x is a String

JavaScript-strings

Een string (of een tekststring) is een reeks karakters zoals "John Doe".

Strings worden geschreven met aanhalingstekens. U kunt enkele of dubbele aanhalingstekens gebruiken:

Voorbeeld

let carName1 = "Volvo XC60";   // Using double quotes
let carName2 = 'Volvo XC60';   // Using single quotes

U kunt aanhalingstekens in een tekenreeks gebruiken, zolang ze niet overeenkomen met de aanhalingstekens rond de tekenreeks:

Voorbeeld

let answer1 = "It's alright";             // Single quote inside double quotes
let answer2 = "He is called 'Johnny'";    // Single quotes inside double quotes
let answer3 = 'He is called "Johnny"';    // Double quotes inside single quotes

Later in deze tutorial leer je meer over strings.


JavaScript-nummers

JavaScript heeft maar één type getallen.

Getallen kunnen met of zonder decimalen worden geschreven:

Voorbeeld

let x1 = 34.00;     // Written with decimals
let x2 = 34;        // Written without decimals

Extra grote of extra kleine getallen kunnen worden geschreven met wetenschappelijke (exponentiële) notatie:

Voorbeeld

let y = 123e5;      // 12300000
let z = 123e-5;     // 0.00123

Later in deze tutorial leer je meer over getallen.


JavaScript-booleans

Booleans kunnen maar twee waarden hebben: trueof false.

Voorbeeld

let x = 5;
let y = 5;
let z = 6;
(x == y)       // Returns true
(x == z)       // Returns false

Booleans worden vaak gebruikt bij conditioneel testen.

Later in deze zelfstudie leert u meer over voorwaardelijk testen.


JavaScript-arrays

JavaScript-arrays worden geschreven met vierkante haken.

Array-items worden gescheiden door komma's.

De volgende code declareert (creëert) een array met de naam cars, die drie items (autonamen) bevat:

Voorbeeld

const cars = ["Saab", "Volvo", "BMW"];

Array-indexen zijn gebaseerd op nul, wat betekent dat het eerste item [0] is, het tweede item [1], enzovoort.

Later in deze zelfstudie leert u meer over arrays .


JavaScript-objecten

JavaScript-objecten worden geschreven met accolades {}.

Objecteigenschappen worden geschreven als naam:waarde-paren, gescheiden door komma's.

Voorbeeld

const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

Het object (persoon) in het bovenstaande voorbeeld heeft 4 eigenschappen: firstName, lastName, age en eyeColor.

Later in deze zelfstudie leert u meer over objecten .


Het type operator:

U kunt de JavaScript typeof-operator gebruiken om het type JavaScript-variabele te vinden.

De typeofoperator retourneert het type van een variabele of een uitdrukking:

Voorbeeld

typeof ""             // Returns "string"
typeof "John"         // Returns "string"
typeof "John Doe"     // Returns "string"

Voorbeeld

typeof 0              // Returns "number"
typeof 314            // Returns "number"
typeof 3.14           // Returns "number"
typeof (3)            // Returns "number"
typeof (3 + 4)        // Returns "number"

Later in deze tutorial leer je meer over typeof .


Niet gedefinieerd

In JavaScript heeft een variabele zonder waarde de waarde undefined. Het type is ook undefined.

Voorbeeld

let car;    // Value is undefined, type is undefined

Elke variabele kan worden geleegd door de waarde in te stellen op undefined. Het type zal ook undefined.

Voorbeeld

car = undefined;    // Value is undefined, type is undefined

Lege waarden

Een lege waarde heeft niets te maken met undefined.

Een lege string heeft zowel een legale waarde als een type.

Voorbeeld

let car = "";    // The value is "", the typeof is "string"

Test jezelf met oefeningen

Oefening:

Gebruik opmerkingen om het juiste gegevenstype van de volgende variabelen te beschrijven:

let length = 16;            // 
let lastName = "Johnson";   // 
const x = {
  firstName: "John",
  lastName: "Doe"
};                          //