Einführung in die grundlegenden TypeScript-Typen

;(Funktion () {
  /*
   * In TS können Sie Datentypen (Typanmerkungen) definieren, indem Sie den Variablennamen let verwenden: Datentyp = Variablenwert.
   * Sie können den Datentyp bei der Definition auch nicht angeben, TS leitet den Datentyp selbst ab*/
  // Boolescher Typ let boo: boolean = false // Das Zuweisen eines nicht-Booleschen Wertes löst eine Exception aus // Zahlentyp let num: number = 100

  // string let str: string = 'string' // Verwenden Sie einfache oder doppelte Anführungszeichen zur Positionierung str = `template string` // Verwenden Sie die String-Definition der Vorlage // Any type -> gibt an, dass der Typ ein dynamischer Typ sein kann, wodurch die Typprüfung zur Kompilierungszeit entfällt let AnyType: any = 123
  AnyType = true // Doppelte Zuweisung löst keine Ausnahme aus // Void-Typ -> Wird normalerweise für Funktionstypen ohne Rückgabewerte verwendet function demo(): void {
    console.log('Test des Void-Typs')
  }
  Demo()

  // Es gibt zwei spezielle Typen, null und undefined
  // Diese beiden Typen sind Untertypen aller Typen, was bedeutet, dass diese beiden Typen Typen wie Zahlen und Zeichenfolgen zugewiesen werden können. let u: undefined = undefined
  num = u // Weise den Wert der Variablen vom Typ Zahl undefined zu
  lass n: null = null
  boo = n // Weise einer booleschen Variable den Wert null zu
})()

;(Funktion () {
  //Definiere einen Array-Typ, der nur Zahlen enthält let arr1: number[] = [1, 2, 3]
  console.log(arr1)
  // Definiere ein Array, das Zahlen, Zeichenfolgen und Boolesche Werte enthalten kann. let arr2: (Zahl | Zeichenfolge | Boolescher Wert)[] = ['1', '2', true]
  console.log(arr2)
  //Definiere ein Array beliebigen Typs let arr3 = [1, ['1', '2', true], true]
  console.log(arr3)

  // Definieren Sie ein Array vom Objekttyp. Das Objekt muss zwei Eigenschaften haben: Name und Alter. const objectArray: { name: string; age: number }[] = [
    { Name: 'Yiwan Zhou', Alter: 18 },
  ]
  // Oder deklarieren Sie es über den Typalias // Definieren Sie einen Typalias über den Typ type User = { name: string; age: number }
  const objectArr: Benutzer[] = [{ Name: 'Benutzer', Alter: 18 }]
})()

;(Funktion () {
  // Definiere ein Tupel, dessen Werte jeweils Zeichenfolge und Zahl sind. Let Tuple: [Zeichenfolge, Zahl] = ['123', 123]
  konsole.log(Tupel) // [ '123', 123 ]
  // Weisen Sie Tupel [0] = 'Zeichenfolge' nach Index zu
  console.log(Tupel) // [ 'Zeichenfolge', 123 ]
  // Andere Typen zuweisen // tuple[0] = true
  // console.log(Tupel) // wirft eine Ausnahme })()

// Verschachtelte Tupel und Arrays let tuples: [string, number][] = [
    ['123', 123],
    ['456', 456],
]

;(Funktion () {
  // Definieren Sie ein Objekt mit zwei Eigenschaften: MyName und age, wobei MyName vom Typ String und age vom Typ Zahl ist. let obj: {
    MeinName: Zeichenfolge
    Alter: Anzahl
  }
  // Objektzuweisung. Wenn die Zuweisung nicht gemäß dem oben angegebenen Typ durchgeführt wird, wird eine Exception ausgelöst. obj = {
    MeinName: 'Yiwan Zhou',
    Alter: 18,
  }
  console.log(obj) // { MeinName: '一碗周', Alter: 18 }
})()

;(Funktion () {
  let myName = 'Eine Schüssel Zhou'
  myName = true // Fehler: Typ „boolean“ kann nicht dem Typ „string“ zugewiesen werden
})()

let arr = [1, '2'] // Definiere ein Array, das Zeichenfolgen und Zahlen enthält // Weise dem oben definierten Array Werte neu zu // arr = [true, false] // Fehler: Typ 'boolean' kann dem Typ 'string | number' nicht zugewiesen werden

// Es gibt auch das folgende Beispiel let val = arr.length === 0 ? 0 : 'Die Array-Länge ist ungleich 0'
// val = false // Fehler: Typ „boolean“ kann nicht dem Typ „string | number“ zugewiesen werden.

;(Funktion () {
  // Definieren Sie eine Schnittstelle Schnittstelle Person {
    Name: Zeichenfolge
    Alter: Anzahl
  }
  // Definieren Sie ein Array über die oben definierte Schnittstelle let arr: Person[] = [{ name: '一碗周', age: 18 }]
  // Durchlaufe das definierte Array arr.forEach(item => {
    // Basierend auf der aktuellen Umgebung folgert der Compiler automatisch, dass das Element vom Typ „Hobby“ ist und nicht das Hobby-Attribut besitzt console.log(item.hobby) // Das Attribut „Hobby“ existiert beim Typ „Person“ nicht
  })
})()

// Wenn im Kontext Typinformationen angegeben sind, wird der Kontext ignoriert.
arr.forEach((Artikel: beliebig) => {
    // Basierend auf der aktuellen Umgebung folgert der Compiler automatisch, dass das Element vom Typ „Hobby“ ist und nicht das Hobby-Attribut besitzt console.log(item.hobby) // Das Attribut „Hobby“ existiert beim Typ „Person“ nicht
})

let SomeValue: any = "Dies ist eine Zeichenfolge"
// Syntax 1 let StrLength1: Zahl = (<string>SomeValue).length
// Syntax 2 als Syntax let StrLength2: Zahl = (SomeValue als Zeichenfolge).Länge