TypeScript - Zahlen: Ein umfassender Leitfaden für Anfänger

Hallo da draußen, zukünftiger Codingsuperstar! Willkommen auf unserer Reise in die Welt der TypeScript-Zahlen. Als dein freundlicher Nachbar-Computerlehrer bin ich hier, um dich durch dieses aufregende Thema zu führen. Keine Sorge, wenn du noch nie eine Zeile Code geschrieben hast – wir beginnen ganz am Anfang und arbeiten uns hoch. Also hol dir einen Becher Kaffee (oder dein Lieblingsgetränk) und tauchen wir ein!

Was sind Zahlen in TypeScript?

Bevor wir ins Detail gehen, lassen wir uns über Zahlen in TypeScript unterhalten. In der Programmierung sind Zahlen eine der wichtigsten Grund-datentypen. Sie sind wie die Bausteine der Mathematik in unserem Code. TypeScript, als Obermenge von JavaScript, behandelt Zahlen auf ähnliche Weise, bietet aber einige zusätzliche Vorteile.

Syntax: Wie man Zahlen in TypeScript schreibt

In TypeScript kann man Zahlen auf verschiedenen Weisen schreiben. Sehen wir uns einige Beispiele an:

let alter: number = 30;
let preis: number = 19.99;
let milliarde: number = 1e9;
let hexFarbe: number = 0xffffff;
let binärWert: number = 0b1010;
let oktalWert: number = 0o744;

Lassen wir diese aufschlüsseln:

• alter: Eine einfache Ganzzahl.
• preis: Eine Dezimalzahl (auch als Fließkommazahl bezeichnet).
• milliarde: Wissenschaftliche Schreibweise (1 Milliarde).
• hexFarbe: Hexadezimalnotation (weiße Farbe in RGB).
• binärWert: Binäre Notation (entspricht 10 in Dezimal).
• oktalWert: Oktalnotation (entspricht 484 in Dezimal).

Denke daran, dass in TypeScript alle Zahlen Fließkommawerte sind. Das bedeutet, dass selbst wenn du eine Ganzzahl wie 30 schreibst, sie im Hintergrund als 30.0 gespeichert wird.

Erstellen von Zahlentypen

In TypeScript kannst du eine Variable explizit als Zahlentyp deklarieren. Dies ist eine der Schlüsselmerkmale, die TypeScript von JavaScript unterscheidet – es ermöglicht uns, Typannotierungen unseren Variablen hinzuzufügen.

let punkte: number;
punkte = 95;

let temperatur: number = -5;

function berechneFlaeche(breite: number, hoehe: number): number {
return breite * hoehe;
}

let flaeche = berechneFlaeche(10, 20);
console.log(flaeche); // Ausgabe: 200

In diesem Beispiel haben wir punkte und temperatur als Zahlentypen deklariert. Wir haben auch die Funktion berechneFlaeche erstellt, die zwei Zahlparameter annimmt und eine Zahl zurückgibt. Dies hilft dabei, Fehler frühzeitig zu erkennen, wenn wir versehentlich eine Zeichenkette oder einen anderen Typ übergeben.

Erstellen von Zahl-Objekten

Während es im täglichen Coding nicht üblich (oder empfohlen) ist, kannst du auch Zahl-Objekte mit dem Number-Konstruktor erstellen:

let zahlObjekt: Number = new Number(42);
console.log(typeof zahlObjekt); // Ausgabe: object

let primitivZahl: number = 42;
console.log(typeof primitivZahl); // Ausgabe: number

Beachte die große 'N' in Number, wenn wir den Konstruktor verwenden. Dies erstellt eine Objektumhüllung um die Zahl, die sich vom primitiven Zahlentyp (kleine 'n') unterscheidet. In den meisten Fällen möchtest du den primitiven Typ für bessere Leistung und vereinfachten Code verwenden.

Zahleneigenschaften

TypeScript erbt mehrere nützliche Eigenschaften von JavaScripts Number-Objekt. Diese sind statische Eigenschaften, was bedeutet, dass du kein Number-Instanz erstellen musst, um sie zu verwenden.

Hier ist eine Tabelle der häufigsten Number-Eigenschaften:

Eigenschaft	Beschreibung	Beispiel
Number.MAX_VALUE	Der größte darstellbare Wert	console.log(Number.MAX_VALUE);
Number.MIN_VALUE	Der kleinste darstellbare positive Wert	console.log(Number.MIN_VALUE);
Number.NaN	Not-A-Number-Wert	console.log(Number.NaN);
Number.NEGATIVE_INFINITY	Negatives Unendlich	console.log(Number.NEGATIVE_INFINITY);
Number.POSITIVE_INFINITY	Positives Unendlich	console.log(Number.POSITIVE_INFINITY);

Sehen wir uns diese in Aktion an:

console.log(Number.MAX_VALUE); // Ausgabe: 1.7976931348623157e+308
console.log(Number.MIN_VALUE); // Ausgabe: 5e-324
console.log(Number.NaN); // Ausgabe: NaN
console.log(Number.NEGATIVE_INFINITY); // Ausgabe: -Infinity
console.log(Number.POSITIVE_INFINITY); // Ausgabe: Infinity

Diese Eigenschaften können äußerst nützlich sein, wenn du extreme Werte oder besondere Fälle in deinen Berechnungen überprüfen musst.

Zahlmethoden

TypeScript-Zahlen bieten auch eine Reihe von eingebauten Methoden, die dir helfen können, verschiedene Operationen durchzuführen. Hier ist eine Tabelle einiger常用的 Methoden:

Methode	Beschreibung	Beispiel
toFixed()	Formatiert eine Zahl mit einer bestimmten Anzahl von Dezimalstellen	let pi = 3.14159; console.log(pi.toFixed(2));
toPrecision()	Formatiert eine Zahl auf eine bestimmte Länge	let grosseZahl = 1234.5678; console.log(grosseZahl.toPrecision(5));
toString()	Konvertiert eine Zahl in eine Zeichenkette	let zahl = 42; console.log(zahl.toString());
valueOf()	Gibt den primitiven Wert eines Zahl-Objekts zurück	let zahlObjekt = new Number(42); console.log(zahlObjekt.valueOf());

Sehen wir uns diese Methoden in Aktion an:

let pi = 3.14159;
console.log(pi.toFixed(2)); // Ausgabe: "3.14"

let grosseZahl = 1234.5678;
console.log(grosseZahl.toPrecision(5)); // Ausgabe: "1234.6"

let zahl = 42;
console.log(zahl.toString()); // Ausgabe: "42"

let zahlObjekt = new Number(42);
console.log(zahlObjekt.valueOf()); // Ausgabe: 42

Diese Methoden können äußerst hilfreich sein, wenn du Zahlen für die Anzeige formatieren oder sie für verschiedene Operationen umwandeln musst.

Fazit

Puh! Wir haben heute viel Boden cobered, von der Grundsyntax für Zahlen in TypeScript bis hin zu fortgeschritteneren Konzepten wie Zahleneigenschaften und Methoden. Denke daran, dass das Arbeiten mit Zahlen eine grundlegende Fähigkeit in der Programmierung ist und das Beherrschen dieser Konzepte dir auf deinem Coding-Weg gut dienen wird.

Als wir uns verabschieden, hier ist ein kleiner Coding-Witz für dich: Warum bevorzugen Programmierer dunklen Modus? Weil Licht Käfer anzieht! ?

Weiters üben, bleib neugierig und fürchte dich nicht, diese Zahlkonzepte in deinem eigenen Code auszuprobieren. Bevor du es weißt, wirst du Zahlen wie ein Profi berechnen und manipulieren! Bis下次, viel Spaß beim Coden!

Credits: Image by storyset