Console & foutmeldingen

De console openen
Berichten sturen naar de console

Een belangrijk hulpmiddel bij het schrijven van code is de Javascript-console die standaard bij de browser zit inbegrepen. In deze console kun je foutmeldingen lezen, maar je kunt ook berichten sturen naar de console zodat je weet wat de code precies doet. Zorg dat je tijdens het ontwikkelen van jouw software de console altijd open hebt staan, zo zie je direct of er iets fout gaat of niet. De console zal bij foutmeldingen altijd aangeven in welk bestand deze foutmelding zit en in op welke regel deze foutmelding te vinden is, zo kan je hem snel vinden in de code-editor.

1. De console openen

Chrome / Brave / Edge / Chromium

In browsers die werken met chromium kun je de console tevoorschijn halen met behulp van de volgende toetsencombinatie:

Ctrl + Shift + J (Linux / Windows)
Cmd + Alt + J (MacOs)

Firefox

In Firefox kun je de console tevoorschijn halen met behulp van de volgende toetsencombinatie:

Ctrl + Shift + J (Linux / Windows)
Cmd + Shift + J (MacOs)

Safari

In Safari is de console standaard verborgen. Je moet eerst zorgen dat je deze te zien krijgt:

Ga in het menu bovenin naar Safari -> Preferences (of gebruik Cmd + ,)
Ga naar het tablad advanced en klik op 'Show Develop menu in menu bar'
Nu kun je de Console zichtbaar maken met de toetsencombinatie Cmd + Alt + C

⬆️

2. Berichten sturen naar de console

Als je de waarde van bepaalde variabelen naar de console wilt sturen om te kijken of de code ook echt doet wat jij denkt dat de code moet doen gebruik je de volgende code:

    let x = 50; 
    let y = 100; 
    console.log("variabele x is: " + x + ", variabele y is: " + y);

De console zal nu het volgende weergeven:

variabele x is: 40, variabele y is: 100

Denk er bij het gebruik van console.log() aan dat als je dit in de draw()-loop gebruikt bij een frameRate van 60, er 60 keer per seconde een bericht naar de console gestuurd wordt. Dit kan de browser soms slecht hebben, waardoor deze vast kan lopen.

⬆️