TypeScript, onze meest gebruikte taal

// JavaScript: een bedrag dat ongemerkt verandert
const prijs = 20;
const invoerVerzendkosten = "5";

// Een getal + tekst wordt aan elkaar geplakt.
const foutTotaal = prijs + invoerVerzendkosten;

console.log(foutTotaal);
// "205", terwijl de klant 25 euro verwacht.

// Stel dat de betaalcode dit als eurobedrag leest:
const foutBetaalverzoek = {
  bedrag: foutTotaal,
  valuta: "EUR",
};

console.log(foutBetaalverzoek.bedrag);
// Nog steeds "205". JavaScript geeft geen fout.

// TypeScript: afspraken voor de berekening
function berekenTotaal(
  prijs: number,
  verzendkosten: number,
): number {
  const totaal = prijs + verzendkosten;
  return totaal;
}

const bedragAlsTekst = "5";

// Deze aanroep zou TypeScript afkeuren:
// berekenTotaal(20, bedragAlsTekst);
// Tekst (string) past niet waar een getal hoort.

// Met twee getallen klopt de optelling wel.
const voorbeeldTotaal = berekenTotaal(20, 5);
console.log(voorbeeldTotaal);
// 25

// Invoer omzetten en controleren
function leesVerzendkosten(invoer: string): number {
  const bedrag = Number(invoer);

  if (
    invoer.trim() === "" ||
    !Number.isFinite(bedrag) ||
    bedrag < 0
  ) {
    throw new Error("Vul geldige verzendkosten in.");
  }

  return bedrag;
}

const verzendkosten = leesVerzendkosten("5");
const juistTotaal = berekenTotaal(20, verzendkosten);

const juistBetaalverzoek = {
  bedrag: juistTotaal,
  valuta: "EUR",
};

console.log(juistBetaalverzoek.bedrag);
// 25: het bedrag dat we verwachten.

// Met bijvoorbeeld "gratis" stopt de invoercontrole:
// leesVerzendkosten("gratis");
// Zo rekenen we niet verder met een ongeldig bedrag.