Detaillierte Erklärung der grundlegenden Typen von TypeScript

Detaillierte Erklärung der grundlegenden Typen von TypeScript

Boolescher Typ

 // Boolescher Typ ---> Boolesch
// let-Variablenname: Datentyp = Wert let-Flag: boolean = true;
console.log(Flagge)

Nummerntypen

 //Zahlentyp--->Zahl
lass a1: Zahl = 10 // dezimal lass a2: Zahl = 0b1010 // binär lass a3: Zahl = 0o12 // oktal lass a4: Zahl = 0xa // hexadezimal console.log(a1 + a2 + a3 + a4)

Zeichenfolgentyp

 // Zeichenfolgentyp ---> Zeichenfolge
let str1: string = 'Der Mond scheint hell vor dem Bett';
let str2: string = 'Zwei Paar Schuhe auf dem Boden';
konsole.log(str1 + ',' + str2)

Verketten von Zeichenfolgen und Zahlen

 let str3: string = 'Mein aktuelles Alter:'
sei a5: Zahl = 24
console.log(`${str3}${a5}`)

Zusammenfassung: Welcher Variablentyp liegt anfangs in ts vor? Bei der späteren Wertezuweisung können nur Daten dieses Typs verwendet werden. Es ist nicht zulässig, der aktuellen Variable Daten anderen Typs zuzuweisen.

undefiniert und null

 // Sowohl undefined als auch null können als Unterklassen anderer Typen verwendet werden, indem undefined und null Variablen anderer Typen zugewiesen werden, wie zum Beispiel: Variable vom Typ Zahl let und: undefined = undefined
sei n1l: null = null
console.log(und)
Konsole.log(n1l)

Array-Typen

 //Methode 1: let-Variablenname: Datentyp [] = [Wert 1, Wert 2, Wert 3, ...]
sei arr1: Zahl[] = [10, 20, 30, 40, 50]
Konsole.log(arr1);
 // Methode 2: Generisches Schreiben // Syntax: let Variablenname: Array<Datentyp>=[Wert1, Wert2, Wert3]
let arr2: Array<Zahl> = [100, 200, 300]
Konsole.log(arr2);

Hinweis: Nachdem das Array definiert wurde, muss der darin enthaltene Datentyp mit dem Typ bei der Definition des Arrays übereinstimmen. Andernfalls wird eine Fehlermeldung angezeigt und es wird nicht kompiliert.

Tupeltypen

 // Tupeltyp: Beim Definieren eines Arrays werden Typ und Anzahl der Daten von Anfang an begrenzt. let arr3: [string, number, boolean] = ['string', 100, true];
console.log(arr3)
// Hinweis: Wenn Sie den Tupeltyp verwenden, sollten Datentyp, Position und Anzahl der Daten mit dem Datentyp und der Position beim Definieren des Tupels übereinstimmen console.log(arr3[0].split(''));
console.log(arr3[1].toFixed(2));

Aufzählungstypen

 Aufzählung Farbe {
       Rot,
       Grün,
       Blau
}
//Definieren Sie eine Variable vom Enumerationstyp Color, um den Enumerationswert zu erhalten let color: Color = Color.red
konsole.log(Farbe);
console.log(Farbe[2])

jeder Typ

 lass str5: beliebig = 100;
str5 = "Uchiha Obito"
konsole.log(str5);
// Wenn ein Array mehrere Daten mit unbestimmter Anzahl und Typ speichern soll, können Sie auch den Typ „any“ verwenden, um das Array zu definieren. let arr6: any = [100, „Uchiha Obito“, true];
console.log(arr6)
// In diesem Fall gibt es keine Fehlermeldung. Der Typ any hat Vor- und Nachteile. console.log(arr6[1].split(''));

void Typ

 Funktion getobj(obj: Objekt): Objekt {
       konsole.log(obj);
       zurückkehren {
           Name: 'Kakashi',
           Alter: 27
       }
}
console.log(getobj({ Name: 'Sasuke', Alter: 20 }))

Union-Typen

 // Anforderung 1: Definieren Sie eine Funktion zum Abrufen des String-Werts einer Zahl oder eines String-Werts function getString(str: number | string): string {
      Fügt eine Zeichenfolge hinzu, die die Zeichenfolge str.toString() enthält.
}
console.log(getString('Aufzeichnen'))
 
// Anforderung 2: Definieren Sie eine Funktion zum Ermitteln der Länge eines Zahlen- oder Stringwerts function getString1(str: number | string): number {
      gibt str.toString().length zurück
      wenn ((<string>str).Länge) {
          return (str als String).Länge
      } anders {
          returniere str.toString().length
      }
}
  console.log(getString1(12345))
  console.log(getString1('12345'))

Zusammenfassen

Dieser Artikel endet hier. Ich hoffe, er kann Ihnen helfen. Ich hoffe auch, dass Sie mehr Inhalt auf 123WORDPRESS.COM lesen können!

Das könnte Sie auch interessieren:
  • Erklärung der gängigen TypeScript-Typen und Anwendungsbeispiele
  • Bringen Sie Ihnen bei, Typescript-Typen zur Berechnung von Fibonacci zu verwenden
  • Details zum TypeScript-Mapping-Typ
  • TypeScript-Aufzählungstyp
  • Einführung in die grundlegenden TypeScript-Typen
  • Lassen Sie uns gemeinsam TypeScript-Typen lernen

<<:  Detaillierte Erklärung des Unterschieds zwischen tinyint und int in MySQL

>>:  Horizontales Header-Menü mit CSS3 implementiert

Artikel empfehlen

Lichtschalter mit js steuern

Verwenden Sie js, um den Lichtschalter zu Ihrer R...

MySQL 5.7.18 Installations- und Konfigurations-Tutorial unter Windows

In diesem Artikel finden Sie das Installations- u...

Grundlegende Schritte zur Verwendung einer Mysql-SSH-Tunnelverbindung

Vorwort Aus Sicherheitsgründen kann sich der Root...

So ändern Sie den Standardspeicherort von Docker-Images (Lösung)

Aufgrund der anfänglichen Partitionierung des Sys...

Was muss ich tun, wenn ich einen fehlerhaften MySQL-Befehl abbrechen möchte?

Ich habe einen falschen MySQL-Befehl eingegeben u...

MySQL-Interviewfragen: So richten Sie Hash-Indizes ein

Zusätzlich zu den B-Tree-Indizes bietet MySQL auc...

Tipps zur Optimierung von MySQL SQL-Anweisungen

Wenn wir mit einer SQL-Anweisung konfrontiert wer...

WebStorm kann die Lösung der Vue3-kombinierten API nicht korrekt identifizieren

1 Problembeschreibung Die kombinierte API von Vue...