Integrierte Funktionen in TypeScript

Dieser Artikel erklärt integrierte Funktionen in TypeScript.

YouTube Video

Integrierte Funktionen in TypeScript

Eingebaute Funktionen in TypeScript sind praktische Funktionen, die bereitgestellt werden, um alltägliche Operationen prägnant auszuführen. Dies sind Standard-JavaScript-Funktionen mit zusätzlicher Typsicherheit, was sie besonders nützlich beim Programmieren in TypeScript macht. Hier werden wir einige wichtige eingebaute Funktionen, deren Verwendung und Typenspezifikation im Detail erklären.

Was sind eingebaute Funktionen?

Die eingebauten Funktionen von TypeScript basieren auf Standard-JavaScript-Funktionen. Durch die Anwendung des TypeScript-Typsystems werden Typprüfung und Autovervollständigung verbessert. Die Hauptfunktionen umfassen Folgendes:.

• parseInt()
• parseFloat()
• isNaN()
• isFinite()
• Number()
• String()
• Array()
• Array.isArray()
• eval()
• encodeURI()
• decodeURI()
• setTimeout()
• setInterval()

Diese Funktionen werden häufig in TypeScript-Projekten für eine prägnante Datenkonvertierung und -bewertung verwendet.

parseInt()

parseInt() ist eine Funktion, die verwendet wird, um einen String in eine Ganzzahl zu konvertieren. Sie können die Basis (wie binär, dezimal) als zweiten Parameter angeben. In TypeScript können Sie den Typ wie folgt angeben:.

 1function stringToInt(value: string, radix: number = 10): number {
 2    const result: number = parseInt(value, radix);
 3    if (isNaN(result)) {
 4        throw new Error('Invalid number format');
 5    }
 6    return result;
 7}
 8
 9console.log(stringToInt("42")); // 42
10console.log(stringToInt("101010", 2)); // 42 (converted from binary)

• Geben Sie an, dass die Eingabe ein String ist mit value: string
• Der Rückgabewert ist explizit als number-Typ angegeben.

parseFloat()

parseFloat() ist eine Funktion, die verwendet wird, um einen String in eine Gleitkommazahl zu konvertieren.

 1function stringToFloat(value: string): number {
 2    const result: number = parseFloat(value);
 3    if (isNaN(result)) {
 4        throw new Error('Invalid number format');
 5    }
 6    return result;
 7}
 8
 9console.log(stringToFloat("3.14")); // 3.14
10console.log(stringToFloat("2.71828")); // 2.71828

• parseFloat() kann Zahlen einschließlich Dezimalpunkten korrekt analysieren.
• Durch die Angabe des Typs können Sie während der Typprüfung eine Warnung erhalten, wenn die Eingabe keine Zahl ist.

isNaN()

isNaN() ist eine Funktion, die bestimmt, ob der angegebene Wert NaN (Not-a-Number) ist. Ein Anwendungsbeispiel in TypeScript ist wie folgt:.

1function checkNaN(value: unknown): boolean {
2    return isNaN(Number(value));
3}
4
5console.log(checkNaN("hello")); // true
6console.log(checkNaN(123)); // false

• Der unknown-Typ ist ein generischer Typ, der jeden Typ akzeptieren kann.
• Konvertieren Sie mithilfe der Number()-Funktion in eine Zahl und prüfen Sie, ob das Ergebnis NaN ist.

isFinite()

isFinite() bestimmt, ob ein Wert endlich ist.

1function isValueFinite(value: unknown): boolean {
2    return isFinite(Number(value));
3}
4
5console.log(isValueFinite("100")); // true
6console.log(isValueFinite(Infinity)); // false

• Diese Funktion verwendet auch Number(), um den Wert in eine Zahl zu konvertieren, bevor sie bestimmt.

Number()

Die Number()-Funktion konvertiert Strings oder boolesche Werte in Zahlen.

1function convertToNumber(value: string | boolean): number {
2    return Number(value);
3}
4
5console.log(convertToNumber("42")); // 42
6console.log(convertToNumber(true)); // 1

• In diesem Beispiel wird ein Unionstyp string | boolean verwendet, um anzugeben, dass das Argument entweder ein String oder ein Boolean ist.

String()

Die Funktion String() konvertiert Zahlen oder Boolean-Werte in Strings.

1function convertToString(value: number | boolean): string {
2    return String(value);
3}
4
5console.log(convertToString(123)); // "123"
6console.log(convertToString(false)); // "false"

• In diesem Beispiel wird eine Funktion erstellt, die einen Unionstyp number | boolean akzeptiert und das Ergebnis in einen String umwandelt.

Array()

Die Funktion Array() wird verwendet, um ein neues Array zu erstellen. Zusätzlich bietet sie viele nützliche Methoden, um Unterarrays aus bestehenden Arrays zu erstellen oder spezifische Elemente zu extrahieren.

 1function createArray(): Array<number> {
 2    return Array(1, 2, 3, 4, 5); // 新しい配列を作成
 3}
 4
 5function getSubArray(array: Array<number>): Array<number> {
 6    return array.slice(1, 4); // サブ配列を作成
 7}
 8
 9const numbers = createArray();
10console.log(numbers); // [1, 2, 3, 4, 5]
11
12const subArray = getSubArray(numbers);
13console.log(subArray); // [2, 3, 4]

• Dieses Beispiel zeigt, wie ein neues Array mit der Funktion Array() erstellt und ein Unterarray mit der Methode slice() generiert wird.

Array.isArray()

Array.isArray() stellt fest, ob der angegebene Wert ein Array ist.

1function checkArray(value: unknown): boolean {
2    return Array.isArray(value);
3}
4
5console.log(checkArray([1, 2, 3])); // true
6console.log(checkArray("Not an array")); // false

• Mit dem Typ unknown akzeptieren wir jeden Typ, überprüfen aber, ob es sich um ein Array handelt.

eval()

Die Funktion eval() wertet einen String als Ausdruck aus und gibt das Ergebnis zurück. Die Verwendung wird jedoch aufgrund von Sicherheits- und Leistungsrisiken nicht empfohlen.

1function evaluateExpression(expression: string): any {
2    return eval(expression);
3}
4
5console.log(evaluateExpression("2 + 3")); // 5
6console.log(evaluateExpression("'Hello ' + 'World!'")); // "Hello World!"

• In diesem Beispiel wird ein als String übergebener Ausdruck mit eval ausgewertet, und das Ergebnis wird ausgegeben.

encodeURI()

Die Funktion encodeURI() kodiert die gesamte URL und maskiert bestimmte Zeichen.

1const uri = "https://example.com/page?name=John Doe&age=30";
2const encodedURI = encodeURI(uri);
3
4console.log(encodedURI); // "https://example.com/page?name=John%20Doe&age=30"

• In diesem Beispiel werden Leerzeichen in %20 umgewandelt, um eine sichere URL zu erzeugen.

decodeURI()

Die Funktion decodeURI() dekodiert eine kodierte URL zurück in ihr ursprüngliches Format.

1const encodedURI = "https://example.com/page?name=John%20Doe&age=30";
2const decodedURI = decodeURI(encodedURI);
3
4console.log(decodedURI); // "https://example.com/page?name=John Doe&age=30"

• Dieses Beispiel dekodiert einen kodierten URL-String zurück zur ursprünglichen URL.

setTimeout()

Die Funktion setTimeout() führt eine angegebene Funktion nach der angegebenen Verzögerungszeit (in Millisekunden) aus.

1setTimeout(() => {
2    console.log("Executed after 2 seconds");
3}, 2000);

• Dieses Beispiel zeigt nach 2 Sekunden eine Nachricht an.

setInterval()

Die Funktion setInterval() führt eine angegebene Funktion wiederholt in dem angegebenen Intervall (in Millisekunden) aus.

1let count = 0;
2const intervalId = setInterval(() => {
3    count++;
4    console.log(`Interval executed ${count} time(s)`);
5    if (count === 3) {
6        clearInterval(intervalId); // Stops the interval after 3 executions
7    }
8}, 1000);

• Dieses Beispiel zeigt eine Nachricht in Abständen von einer Sekunde an und stoppt, nachdem sie dreimal ausgeführt wurde.

Fazit

Die eingebauten Funktionen von TypeScript ermöglichen sicheres und effizienteres Programmieren, indem sie den Standard-JavaScript-Funktionen Typsicherheit hinzufügen. Diese Funktionen vereinfachen alltägliche Programmieraufgaben und verbessern die Lesbarkeit und Wartbarkeit des Codes. Jede Funktion wird gemäß ihrem Zweck korrekt verwendet, und durch die Angabe von Typen können Fehler im Voraus erkannt werden, was eine wichtige Rolle bei der Verbesserung der Zuverlässigkeit des Entwicklungsprozesses spielt.

Durch die Verwendung von TypeScript kann die Entwicklung die Vorteile der statischen Typisierung nutzen und gleichzeitig die Flexibilität von JavaScript beibehalten.

Sie können den obigen Artikel mit Visual Studio Code auf unserem YouTube-Kanal verfolgen. Bitte schauen Sie sich auch den YouTube-Kanal an.

YouTube Video