Grundläggande JavaScript Felsökning Tekniker

September 19

Den primära tekniken för felsökning tekniska problem i JavaScript är att stoppa. Stoppa vad du gör och behålla lugnet. Många mycket smarta människor vackla när saker går fel - och saker och ting går fel.

När du har gjort det, titta på problemet från olika vinklar och reducera det till smådelar. Till exempel, kommer du att stöta på problem med webbsidor som du programmering. Problemet kan vara att sidan inte laddar, inte sidan inte ser rätt, eller något annat. Fundera på om det är problem med databasen, med PHP, med servern, med JavaScript, eller ingen av dem - eller mer än en.

Om du tror att problemet är med JavaScript, ta JavaScript ur sidan helt. Sedan långsamt lägga in den igen. Ett annat sätt att felsöka JavaScript är genom att lägga till alert () funktionen på olika ställen. När du gör din felsökning, kan du lägga till kommentarer i koden för att hjälpa till med din felsökning ansträngningar.

Lägg till JavaScript registreringar

Ett bra sätt att felsöka JavaScript är att använda alert () funktionen i koden för att visa värdet av variabler eller helt enkelt för att visa var du befinner dig i koden.

En vanlig företeelse med JavaScript är att du har ett långt program och du kommer inte att kunna helt räkna ut varför programmet inte blir hela vägen igenom. Lägga en varning på rad 1 i programmet kan visa dig om det är ens få kallas.

Sedan lägga en varning på rad 50 visar om programmet blir så långt. Om det inte är, då vet du att det måste finnas ett problem någonstans mellan linje 1 och linje 50.

Lägga varningar är ett enkelt och effektivt sätt att hjälpa till att felsöka komplexa problem. Du lägger helt enkelt koden så här:

alert ("Just avrättades denna kod!");

Alternativt, om du måste visa värdet på en variabel som heter myVariable, skulle du göra det här:

alert (myVariable);

Lägg märke till avsaknaden av citattecken runt variabelnamnet. Om du sätter citattecken runt variabelnamnet, kommer JavaScript tolka det som en vanlig gammal sträng och så kommer du bara se namnet på den rörliga och inte dess innehåll. Du kan också få snygga och sammanfoga dem:

alert ("Värdet på variabeln är:" + myVariable);

Den koden skulle visa inte bara vänliga text, men också värdet av variabeln själv.

Var uppmärksam på att använda varningar i en loop struktur eftersom du måste avfärda varje manuellt i webbläsaren. Också vara noga med att ta bort alla varningar innan släppa koden för produktions användning på din riktiga webbplats. Om du inte gör det kommer besökare att hitta platsen riktigt irriterande.

Använd kommentarer i JavaScript

Kommentarer hjälp med att dokumentera kod, vilket kan vara mycket användbart när du behöver uppdatera eller ändra koden senare. Du kan också använda kommentarer för att hjälpa till med felsökning.

Kommentarer är inte bara användbar för att dokumentera koden, men de kan också vara till hjälp för felsökning. Till exempel, om du har identifierat ett problematiskt område av koden kan du kommentera den delen ut tillfälligt för att komma förbi problemet.

I JavaScript, kommentarer finns i två former.

  • //: Du kan använda dubbla snedstreck som en enda rad kommentarer.
  • / * Och * /: Du kan använda snedstreck-asterisk format för kommentarer som sträcker sig över flera rader.

Här är ett exempel på den enda rad kommentar:

// Detta är en enda rad kommentarer.
var myVariable = 77;

I det här exemplet, kommer den första raden som börjar med två snedstreck ignoreras av JavaScript tolk men det kommer att skapa och tilldela variabeln i nästa rad eftersom det inte är kommenterat ut.

Du kan kommentera rader kod ut. Så i föregående exempel, om du ville kommentera ut de var myVariable = 77 linje, skulle du helt enkelt lägga till två snedstreck framför raden, så här:

// Var myVariable = 77;

Allt som visas efter att de två snedstreck fram till slutet av linjen betraktas som en kommentar och ignoreras.

Om du vill kommentera ut flera rader eller skapa en multi-line kommentar, använder du en enkelt snedstreck med en asterisk att öppna kommentaren blocket och sedan en asterisk och enkelt snedstreck för att stänga blocket. Allt som uppträder mellan dessa kommer att ignoreras. Här är ett exempel.

/ *
Allt inom detta område är en kommentar och kommer att ignoreras.
Detta inkluderar vanliga linjer som detta och även kodrader, som:
if (myVariable = "något") {
return false;
}
* /

I detta exempel kommer all kod ignoreras eftersom det förekommer i en kommentar blocket.

Det är viktigt att notera när man använder multi-line kommenterar att du inte kan kapsla dem. Till exempel är denna ogiltig:

/ *
En annan multi-line kommentar
/ * En kommentar i en kommentar * /
Avsluta kommentaren
* /

När JavaScript tolken stöter slutet * / kod, kommer det anta att kommentaren har avslutats och kommer därför inte vet vad de ska göra med nästa * / att den stöter. Du kan fortfarande använda dubbel snedstreck konstruktion, så här:

/ *
En annan multi-line kommentar
// En kommentar i en kommentar
Avsluta kommentaren
* /

JavaScript kan ses av alla tittar källan till din webbsida, så var försiktig med vad du visar i kommentarerna. Placering känslig (eller stötande) uppgifter i kommentarerna i koden kan få dig i trubbel!