Foutmeldingen maken en afhandelen in JavaScript

In dit hoofdstuk zullen we bespreken hoe je fouten kunt voorkomen, specifieke soorten fouten kunt herkennen en hoe je deze fouten op een gestructureerde manier kunt afhandelen.

• Fouten voorkomen
  • Typefouten vermijden
  • Duidelijke naamgeving van variabelen
    • Hoe het wel moet
    • Hoe het niet moet
• Soorten fouten herkennen
• Fouten afhandelen

Fouten voorkomen

Typefouten vermijden

Controleer de verwachte datatypes van variabelen voordat je bewerkingen uitvoert. Gebruik strikte gelijkheid (===) om onverwachte typeconversies te voorkomen.

• De == operator voert een impliciete typeconversie uit als de vergeleken waarden verschillende datatypes hebben.Het vergelijkt de waarden na typeconversie, waardoor bijvoorbeeld een getal en een string met hetzelfde numerieke equivalent als gelijk worden beschouwd.
• De === operator vergelijkt waarden zonder typeconversie. Ze moeten van hetzelfde datatype zijn en dezelfde waarde hebben om als gelijk te worden beschouwd.Het is nauwkeuriger en wordt aanbevolen voor vergelijkingen om onverwachte resultaten door typeconversie te voorkomen.

5 == "5"; // true, omdat '5' wordt geconverteerd naar het getal 5
5 === "5"; // false, omdat het datatype verschilt

Later zullen we TypeScript gebruiken om variabelen, parameters, en return-waarden te typen. Deze types bieden meer duidelijkheid over de verwachte datatypes en vangen potentiële fouten op tijdens de ontwikkeling.

Zie ook

Wat is Typescript? (opens new window)

Duidelijke naamgeving van variabelen

Geef variabelen en functies zinvolle namen om verwarring te voorkomen. Goede namen zijn duidelijk, leesbaar, en geven informatie over het doel en de inhoud van de variabelen of functies.Wees ook consistent in je naamgeving.

Hoe het wel moet

Betekenisvol en Leesbaar:

Goed

const userAge = 25;
const userName = "John Doe";

Fout

const num = 25;
const userN = "John Doe";

camelCase notatie

Goed

const numberOfStudents = 50;

Goed

function getUserDetails(userId) {
  // ...
}

Fout

const students = 50;

Descriptief voor het doel

Goed

const totalPrice = calculateTotalPrice(quantity, unitPrice);

Fout

function get() {
  // ...
}

Fout

const price = price(quantity, uPrice);

Gebruik van werkwoorden

Voor functies gebruik je best duidelijke werkwoorden, deze geven aan wat de functie zal verwerken of terug geven.

Goed

function fetchData(url) {
  // ...
}

function calculateTotalPrice() {
  // ...
}

Fout

function data(url) {
  // ...
}

function total() {
  // ...
}

const price = price(quantity, uPrice);

Constanten in UPPERCASE

Goed

const MAX_ATTEMPTS = 3;

Hoe het niet moet

¨Onduidelijk afkortingen

Fout

const calc = calculateTotal(); // Wat wordt er berekend?

Te Algemene Namen

Fout

const data = processInput(); // Welk type gegevens?

Fout

function get() {
  // ...
}

Te specifiek

Je mag niet té algemene namen gebruiken, maar ook te specifieke naamgeving kan tegenwerken. Functies kunnen gebruik maken van parameters en argumenten.

Fout

function calculateTotalUsingOnlyDiscount() {
  // ...
}

function performComplexAlgorithmicOperationBasedOnInput() {
  // ...
}

Goed

function calculateTotal(filter) {
  // ...
}

Enkele letters zonder betekenis

Fout

const a = 5;
const b = "Hello";

Te lange namen

Fout

const numberOfStudentsInComputerScienceDepartment = 50; // Te lang en niet leesbaar

Soorten fouten herkennen

Het is belangrijk om de foutmeldingen zorgvuldig te lezen, de regels in je code te controleren waar de fout is opgetreden en te begrijpen wat de fout betekent. Dit start met het kunnen lezen van de fouten in je browserconsole, die meer details geeft over de exacte locatie van de fout.

Er zijn verschillende soorten foutmeldingen:

• TypeError
• SyntaxError
• ReferenceError:
• Minder voorkomend
  • RangeError
  • NetwerkError 2.4 Andere Soorten Fouten:

Zie ook

Foutmeldingen lezen leren

Fouten afhandelen

Foutafhandeling is een essentieel onderdeel van het schrijven van betrouwbare software. Dit zal de gebruikservaring verbeteren omdat onverwachte crashes vermeden kunnen worden. Ook als developer kan het je helpen om het debuggingproces te vereenvoudigen.

Om foutmeldingen af te handelen maken we gebruik van:

• Het try-catch-Statement
• Het aanmaken van aangepaste foutmeldingen

Zie ook

Fouten afhandelen en zelf foutmeldingen maken