Efficiënt scripten met jQuery 3.x
  • Over deze cursus
  • 1 Inleiding
  • 2 Inleiding tot JavaScript
    • Events en Actions
    • Syntax regels
    • JavaScript debugger
    • Variabelen
    • Operatoren
    • Voorwaardelijke instructies
    • Lussen
    • Functies
    • Functies in jQuery
    • Scope (zichtbaarheid) van variabelen
    • Objecten
    • Ingebouwde JavaScriptobjecten
  • 3 jQuery basis
  • 4 Elementen selecteren
    • Basis selectors
    • Hiërarchische selectors
    • Basisfilters
    • Inhoudsfilters
    • Attribuut selectors
    • Childfilters
    • Formulierfilters
    • Zichtbaarheidsfilters
    • Toepassing 1: gemeentelijst filteren (basisversie)
    • Toepassing 2: openingsuren markeren
  • 5 Selectie verfijnen (traversing)
    • Hiërarchische selectors
    • Filter methodes
    • Element looping: each()
    • Selecties in cascade: end()
    • Snelheidstest
    • Toepassing 1: gemeentelijst filteren (uitgebreide versie)
    • Toepassing 2: rating
  • 6 Events
    • Documentevents
    • Gebruikersevents
    • Event bubbling
    • Event methodes en properties
    • Hover-event: methode met een dubbele functie
    • De methode on()
    • Event handlers verwijderen
    • Toepassing 1: reactietest
  • 7 Animaties en effecten
    • Basiseffecten
    • Aangepaste animaties
    • Animatie pauzeren: delay()
    • Animatie beëindigen: finish()
    • Animatie afbreken: stop()
    • Versnellingsparameter
    • Toepassing 1: vloeiend scrollen
    • Toepassing 2: tabbladen
  • 8 DOM manipulatie
    • HTML-attributen
    • Object dimensies
    • Elementen toevoegen
    • Elementen verwijderen
    • Elementen vervangen
    • Elementen klonen
    • Toepassing 1: lightbox
  • 9 Inleiding tot AJAX
    • Historiek
    • Wat is XML?
    • Wat is JSON?
    • Requests filteren met GET en POST
    • Zes soorten AJAX requests
    • Same origin policy
    • Cross-site scripting
  • 10 AJAX zonder server-side scripting
    • Load()
    • $.getScript()
    • $.getJSON()
    • $.get() en $.post()
    • $.ajax()
    • Externe gegevens ophalen via JSONP
  • 11 AJAX met server-side scripting
    • Master/detailrelatie met load()
    • Master/detailrelatie met $.get()
    • Contactformulier verzenden met $.post()
    • Cross-site scripting (XSS)
Powered by GitBook
On this page
  1. 2 Inleiding tot JavaScript

Scope (zichtbaarheid) van variabelen

PreviousFuncties in jQueryNextObjecten

Last updated 7 years ago

Als een functie wordt aangeroepen, hebben de wijzigingen van variabelen die in de functie gedefinieerd worden geen invloed op de waarde van gelijknamige variabelen buiten de functie.

★ Open jsIntro/scopeVars.html.

var som = 0;
function maakSom(getal1, getal2){ 
    som = getal1 + getal2;
    return som;
}
$('#lijn1').html(som);
$('#lijn2').html(maakSom(5,6));
$('#lijn3').html(som);
  • Lijn 1: Bovenaan het script wordt een variabele som aangemaakt en op 0 gezet.

  • Lijn 6: schrijf de waarde van som in de eerste paragraaf. som is 0.

  • Lijn 7: de functie maakSom telt beide getallen op en plaatst het resultaat in de variabele som. som is dus 11.

  • Lijn 8: schrijf de waarde van som in de derde paragraaf. som is nog altijd 11.

In dit voorbeeld merkt u dat de variabele som, die buiten de functie gedeclareerd is, ook binnen de functie bereikbaar wordt. Met andere woorden: de variabele som is een globale variabele.

★ Vervang binnen de functie som = ... door var som = ... (voeg het kernwoord var toe).

var som = 0;    // voeg het kernwoord var toe
function maakSom(getal1, getal2){ 
    var som = getal1 + getal2; 
    return som;
}
$('#lijn1').html(som);
$('#lijn2').html(maakSom(5,6));
$('#lijn3').html(som);

Door het kernwoord var opnieuw te gebruiken binnen de functie, gaat u een volledig nieuwe variabele definiëren. Dus som buiten de functie en som binnen de functie zijn niet dezelfde variabele.

  • Lijn 6: schrijf de waarde van som in de eerste paragraaf. som is 0.

  • Lijn 7: de functie maakSom telt beide getallen op en plaatst het resultaat in de variabele som. som is dus 11.

  • Lijn 8: schrijf de waarde van som in de derde paragraaf.

Buiten de functie is som nog steeds 0.

De scope of zichtbaarheid van een variabele beperkt zich tot het blok waarin deze gedefinieerd wordt. Met andere woorden:

  • Alle variabelen gedefinieerd binnen een functie zijn niet zichtbaar buiten de functie.

  • Alle variabelen gedefinieerd buiten een functie zijn wel zichtbaar binnen alle functies, tenzij een gelijknamige variabele binnen de functie wordt gedefinieerd.