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

Eine kurze Diskussion über den VUE Uni-App-Lebenszyklus

Inhaltsverzeichnis 1. Anwendungslebenszyklus 2. S...

Über die Implementierung des JavaScript-Karussells

Heute ist ein weiterer sehr praktischer Fall. All...

So erlauben Sie den Remotezugriff auf offene Ports in Linux

1. Ändern Sie die Firewall-Konfigurationsdatei # ...

So optimieren Sie Bilder, um die Website-Leistung zu verbessern

Inhaltsverzeichnis Überblick Was ist Bildkomprimi...

Beispiele für häufige Nginx-Fehlkonfigurationen

Inhaltsverzeichnis Fehlender Stammspeicherort Off...

Erklärung der MySQL-Indextypen Normal, Unique und Full Text

Zu den Indextypen von MySQL gehören Normalindex, ...

Zusammenfassung der Merkmale des SQL-Modus in MySQL

Vorwort Der SQL-Modus wirkt sich auf die von MySQ...

MySQL count: ausführliche Erklärung und Funktionsbeispielcode

Detaillierte Erklärung der MySQL-Anzahl Die Funkt...

Detaillierte Erklärung zur Verwendung des MySQL-Sicherungsskripts mysqldump

In diesem Artikel wird das MySQL-Sicherungsskript...

Kennen Sie den Unterschied zwischen leerem Wert und Nullwert in MySQL

Vorwort Kürzlich habe ich festgestellt, dass die ...

Spezifische Verwendung von Bootstrap5-Haltepunkten und Containern

Inhaltsverzeichnis 1. Bootstrap5-Haltepunkte 1.1 ...

js-Version zur Realisierung der Rechnerfunktion

In diesem Artikelbeispiel wird der spezifische Co...

Welcher Befehl eignet sich besser für die unscharfe Suche nach Dateien in Linux?

1. Einleitung In diesem Artikel wird hauptsächlic...

Analyse der MySQL-Methode zum Exportieren nach Excel

Dieser Artikel beschreibt, wie Sie MySQL zum Expo...