Naam:  Wachtwoord:        Wachtwoord? Naam?   |   Register
Home JavaScript Variabelen en gegevenstypen in Javascipt

Variabelen en gegevenstypen in Javascipt

PDF Afdrukken E-mail
Webdesign - JavaScript
Inhoudsopgave
Variabelen en gegevenstypen in Javascipt
Gegevenstypen
Alle pagina's
Pagina 1 van 2

Variabelen en gegevenstypen

Wie echt iets leuks wil maken met JavaScript ontkomt er niet aan wat af te weten van de grondbeginselen van het programmeren. Door het hoge abstractieniveau haken veel beginnende programmeurs hier af. Dat is jammer, want wie door de zure appel heen bijt is in staat iets heel moois te programmeren. En het is minder moeilijk dan de meesten denken. We gaan het nu hebben over variabelen en gegevenstypen, het meest theoretische gedeelte van de grondbeginselen.

Variabelen en gegevenstypen worden in iedere scripting- en programmeertaal gebruikt. Ze zijn belangrijk om allerlei soorten berekeningen uit te kunnen voeren. U kunt hierbij denken aan eenvoudig optelsommetjes, zoals 2 + 3 = 5, maar ook aan ingewikkelder berekeningen als het gemiddelde van 2345 rapportcijfers. Behalve van getallen kan men ook gebruik maken van letters, of een combinatie van beide.

Wat is een variabele?
Een variabele is een plaats waar gegevens of waarden worden opgeslagen. Niets meer en niets minder. Verschillende gegevenstypen kunnen deze waarden berekenen. In het voorbeeld 2 + 3 = 5 zijn 2, 3 en 5 gegevenstypen, en is 5 tevens de uiteindelijke waarde die wordt toegekend aan de variabele. Met die 5 gebeurt verder helemaal niets, totdat de programmeur opdracht geeft om deze waarde ergens voor te gebruiken.
Er zijn twee soorten variabelen: constante variabelen (ook wel 'literal' genoemd) en gewone variabelen. Constante variabelen hebben een vaste waarde die door heel het script gelijk blijft. De waarde van gewone variabelen kunnen binnen één script verschillend zijn. Een variabele heeft altijd een naam. U hebt zelf de vrijheid om deze naam te kiezen. Voorbeelden van namen van variabelen kunnen zijn: uitkomst, totaal, resultaat, maar ook totaal_test_voorbeelden of uitkomst_optelsom. JavaScript noemt een naam voor een variabele ook wel een 'identifier'.

Er is een aantal voorwaarden waaraan u zich moet houden.
1) Behalve letters zijn ook het underscore-teken (_) en de cijfers 0-9 toegestaan in de naamgeving.
2) Namen mogen geen leestekens of spaties bevatten.
3) Het eerste teken van een naam moet een underscore-teken of letter zijn.
4) Namen mogen niet langer zijn dan één tekstregel.
5) JavaScript is 'case-sensitive', wat inhoudt dat er een verschil is in het gebruik van hoofd- en kleine letters.
6) Er mag geen gebruik worden gemaakt van namen die intern door JavaScript worden gebruikt, voorbeelden hiervan zijn bijvoorbeeld 'if' en 'else'.


Het laatste wat u moet weten over variabelen is het declareren ervan. Declareren is nodig, omdat JavaScript dan weet dat een bepaalde waarde aan een variabele is toegekend. Als u niets doet, dan wordt de variabele de eerste keer dat u deze gebruikt automatisch gedeclareerd door JavaScript. Het is ook mogelijk om dit te forceren door het keyword var te gebruiken. De opdracht var totaal betekent dat er een variabele is gecreëerd met de naam 'totaal'.

Variabelen moeten voor JavaScript zichtbaar zijn om ze te kunnen gebruiken. Iedere variabele heeft daarom een scope: een bepaald gedeelte van de JavaScript-code waarin de variabele werkt.
Er zijn hierbij twee mogelijkheden: de variabele staat binnen een functie of hij staat er buiten. Staat de variabele er binnen dan geldt deze alleen voor de functie, in het andere geval (dus er buiten) kan hij overal in het script worden gebruikt.

U kunt een functie herkennen doordat deze begint met het woord function en altijd wordt afgesloten met een accolade in de vorm van het }-teken. Als daartussen het keyword var wordt gebruikt, dan betekent het deze variabele alleen kan worden gebruikt binnen deze functie. De variabele heeft een lokale scope. Staat het keyword var er buiten dan spreken we over een globale scope.

Dit alles wetende gaan we eens een script bekijken om de theorie in de praktijk te brengen. In het begin van dit hoofdstuk hebben we gezegd dat u commentaar kan geven binnen uw scripts. Als het één regelige zinnen, dan kunt u dat doen door twee slashes (//) voor de zin te zetten. Heeft u meer zinnen nodig, dan begint u uw commentaar met /* en eindigt u uw commentaar met */. Alles wat daar tussen staat heeft dus geen invloed op het script en u kunt het desgewenst weglaten. In het volgende script maak ik er gebruik van zodat ik commentaar kan geven bij verschillende gedeelten. We gaan nu een script maken dat een simpele optelsom kan uitvoeren. In dit document maken we gebruik van een formulier en maakt u voor het eerst kennis met een JavaScript event, onClick. Dit event kan even als de overige events worden toegepast op verschillende HTML 4.0 elementen. In appendix A vindt u daar een overzicht van.

<HTML>
<HEAD>
<TITLE>Een simpele optelsom</TITLE>
<SCRIPT language="JavaScript">
<!-- hide

function optellen() {
/* Het keyword 'function' wordt gebruikt om een functie te beginnen. De naam van de functie is 'optellen'. De accolade ({) na het woord optellen geeft aan dat de definiëring van de functie kan beginnen. */
var x= 12;
var y= 5;

/* Met 'var' wordt een variabele gedeclareerd. De namen van de variabelen zijn 'x' en 'y', maar dit had net zo goed 'rood_tshirt' en 'blauw_tshirt' kunnen zijn. De waarden '12' en '5' zijn toegekend aan de variabelen. */

var totaal= x + y;
/* Een nieuwe variabele 'totaal' is gedeclareerd. De waarde ervan is het totaal van 'x' en 'y'. */

alert(totaal);
}

/* Alert zorgt ervoor dat de uitkomst van de variabele totaal in een pop-up box verschijnt. Als laatste geeft JavaScript met een sluit-accolade aan dat de functie af is. De gebruikte variabelen zijn allemaal lokaal en zullen alleen binnen deze functie werken. */

// -->
</SCRIPT>
</HEAD>
<BODY>
<FORM>
12 + 5 = <INPUT type="button" value="Totaal" onClick="optellen()">
<!-- Onclick is een event: het geeft aan dat de functie optellen moet worden uitgevoerd als er op de knop wordt geklikt. -->
</FORM>
</BODY>
</HTML>

cursus javascript















Vorige - Volgende >>
 

Lente Actie!

Omdat het lente is, vieren we feest! We geven daarom alleen in de lente 50 euro korting op alle basistrainingen van Avid Studio, Magix Video deluxe, Sony Vegas Movie Studio en Adobe Premiere Elements.

U betaalt dus geen 149 euro per trainingsdag, maar 99 euro. Schrijf je snel in, want er zijn maar een beperkt aantal plaatsen beschikbaar!

Cursussen en trainingen

Dvscene geeft trainingen en cursussen in het trainingscentrum van Iscenes multimedia.

Er zijn verschillende cursussen per pakket voor beginners en gevorderden.  U kunt zich inschrijven voor de volgende cursussen en trainingen:

 

 

 

Dvscene.nl is onderdeel van Iscenes multimedia specialist in videomontage-, cms- en cameratrainingen. Copyright © 2012. Dvscene.nl.