En introduktion till felsökning, även kallat debugging, i programmeringsspråket JavaScript.

Om vi har den här JavaScript koden

var n1 = prompt("Första personens namn?");

var Age1 = prompt("Första personens ålder?");

var n2 = prompt("Andra personens namn?");

var age2 = prompt("Andra personens ålder?");

var result = age1 - age2;

console.log(n1 + " är " result + " år äldre än " + n2);

kommer vi få felmeddelandet:

SyntaxError: 6

SyntaxError

Ett programmeringsspråk består av en mängd regler, språkets syntax. När någon av dessa regler bryts så får vi ett SyntaxError. I exemplet ovan så anges också radnumret som i detta fall är rad 6.

Vanliga orsaker till detta felmeddelande:

Glömt parenteser kring en instruktion som ska ha parenteser.

Missat ett citationstecken, plustecken eller klammerparentes (även kallat krullparentes och måsvinge).

Skrivit en kommatecken istället för en punkt eller tvärtom.

Försöker använda ett reserverat namn som variabelnamn.

Ett annat fel som kommer av koden ovan är:

ReferenceError: age1 is not defined 5

ReferenceError

Om JavaScript upptäcker ett namn som programspråket inte känner igen så får man ett ReferenceError.

Vanliga orsaker till detta felmeddelande:

Glömt att deklarera en variabel.

Stavar ett variabelnamn fel, använder liten bokstav när det ska vara stor eller tvärtom eller så kanske har man stavat en instruktion fel. Ex. skriver "inpt" när man menade "input".

I Exemplet ovan så hade vi skrivit "Age1" först men sen skrev vi "age1".

Felmeddelandet ser ut så här:

ReferneceError: 'namnet som inte känns igen' is not defined radnummer.

TypeError

När vi använder något på fel sätt som här i koden nedan där vi lagt parenteser efter age1 som om det var en funktion och inte en variabel som vi deklarerat tidigare.

var n1 = prompt("Första personens namn?");

var age1 = prompt("Första personens ålder?");

var n2 = prompt("Andra personens namn?");

var age2 = prompt("Andra personens ålder?");

var result = age1() - age2;

console.log(n1 + " är " + result + " år äldre än " + n2);

Detta ger felmeddelandet

TypeError: age1 is not a function 5

Det finns en mängd andra felmeddelanden. Det bästa sättet att lära sig dem är att kopiera felmeddelandet och söka på nätet. Har man tur så finns det någon annan som fått samma fel och förslag på hur man löser felet.

المتغيرات: أمثلة أخرى (تنقيح الجافاسكريبت)