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

Vue implementiert die Bildfrequenzwiedergabe des Karussells

In diesem Artikelbeispiel wird der spezifische Co...

So verwenden Sie den Vue-Filter

Inhaltsverzeichnis Überblick Filter definieren Ve...

Was bedeutet Eingabetyp und wie kann die Eingabe begrenzt werden?

Gängige Methoden zur Begrenzung der Eingabe 1. Um ...

Detaillierte Erklärung der Verwendung von JSON.parse und JSON.stringify

Inhaltsverzeichnis JSON.parse JSON.parse-Syntax R...

Manjaro-Installation CUDA-Implementierungs-Tutorial-Analyse

Ende letzten Jahres habe ich im Dualsystem meines...

So fügen Sie img-Bilder in Vue-Seiten ein

Wenn wir HTML lernen, führt das Bild-Tag <img&...

Einfache Verwendung des Vue-Busses

Einfache Verwendung des Vue-Busses Beschreibung d...

Tutorial zur Installation und Konfiguration von MySQL 5.7.16 ZIP-Paketen

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

So verwenden Sie DQL-Befehle zum Abfragen von Daten in MySQL

In diesem Artikel zeigt Ihnen der Blogger die häu...

Implementierung einer nicht geheimen SSH-Kommunikation in Linux

Was ist SSH? Administratoren können sich remote a...

MySQL-Konfiguration SSL-Master-Slave-Replikation

MySQL5.6 So erstellen Sie SSL-Dateien Offizielle ...

So zeigen Sie alle laufenden Prozesse in Linux an

Sie können den Befehl ps verwenden. Es kann relev...

Detaillierte Erklärung zur Installation von MariaDB 10.2.4 auf CentOS7

CentOS 6 und frühere Versionen stellen MySQL-Serv...