TypeScript-Union-Typen, Schnittmengentypen und Typwächter

// Definieren Sie den Union-Typ durch das | Symbol let value: number | boolean | string = 'Union-Typ'
Wert = 18

// Drei allgemeine Schnittstellentypen definieren Schnittstellenname {
  Name: Zeichenfolge
}
Schnittstelle Alter {
  Alter: Anzahl
}
Schnittstelle Hobby {
  Hobby: Schnur
}
//Definiere ein Objekt, das ein Vereinigungstyp der drei oben genannten Objekte ist let person: Name & Alter & Hobby = {
  // Wenn ein Typ nicht zugeordnet ist, wird eine Ausnahme ausgelöst. Name: '一碗周',
  Alter: 18,
  Hobby: 'Programmieren',
}

// Definiere ein Array, das eine Zahl oder einen String enthält const arr: (Zahl | String)[] = [1, 'Zahl']
// Durchlaufe das Array und gib die erste Zahl zurück const getValue: (arr: (number | string)[]) => number = (
  arr: (Zahl | Zeichenfolge)[],
): Zahl => {
  für (sei i = 0; i < arr.length; i++) {
    // Wenn der aktuelle Wert bei der Konvertierung in eine Zahl kein NaN ist, returniere if (!isNaN(Number(arr[i]))) {
      return arr[i] // Der Typ „Zeichenfolge | Zahl“ kann nicht dem Typ „Zahl“ zugewiesen werden.
    }
  }
}

const getValue: (arr: (Zahl | Zeichenfolge)[]) => Zahl = (
  arr: (Zahl | Zeichenfolge)[],
): Zahl => {
  für (sei i = 0; i < arr.length; i++) {
    // Wenn der aktuelle Wert bei der Konvertierung in eine Zahl kein NaN ist, returniere if (!isNaN(Number(arr[i]))) {
      return arr[i] as number // Sag dem Compiler, dass ich eine Zahl zurückgebe
    }
  }
}

// Benutzerdefinierten Typschutz verwenden // 1. Definieren Sie eine Funktion, deren Rückgabewert ein Typprädikat ist, d. h. Parametername ist Typ, was die Form von Parametername ist Typfunktion ist Nummer (Wert: Nummer | Zeichenfolge): Wert ist Nummer { hat.
  // Wenn true zurückgegeben wird, bedeutet dies, dass der übergebene Wert der Typ nach ist
  return !isNaN(Zahl(Wert))
}
// 2. Definieren Sie eine Funktion zum Abrufen einer Zahl const getNumber: (value: number | string) => number = (
  Wert: Zahl | Zeichenfolge,
): Zahl => {
  // Wenn der Wert des Aufrufs isNumber wahr ist, bedeutet das, dass der Wert eine Zahl ist. Gib also die Zahl zurück, wenn (isNumber(value)) {
    Rückgabewert
  }
}
// 3. Aufruf zum Abrufen des endgültigen Wertes const getValue: (arr: (number | string)[]) => number = (
  arr: (Zahl | Zeichenfolge)[],
): Zahl => {
  für (sei i = 0; i < arr.length; i++) {
    // Wenn eine Zahl zurückgegeben wird, konvertieren Sie sie in den booleschen Wert true
    wenn (getNumber(arr[i]) || getNumber(arr[i]) === 0) {
      gebe Nummer zurück(arr[i])
    }
  }
}

// 1. Definieren Sie eine Funktion zum Abrufen einer Zahl const getNumber: (value: number | string) => number = (
  Wert: Zahl | Zeichenfolge,
): Zahl => {
  //Überprüfen Sie, ob der aktuelle Wert ein String ist. Wenn ja, geben Sie den aktuellen Wert zurück, wenn (Typ des Wertes === 'Zahl') {
    Rückgabewert
  }
}
// 2. Aufruf zum Abrufen des endgültigen Wertes const getValue: (arr: (number | string)[]) => number = (
  arr: (Zahl | Zeichenfolge)[],
): Zahl => {
  für (sei i = 0; i < arr.length; i++) {
    // Wenn eine Zahl zurückgegeben wird, konvertieren Sie sie in den booleschen Wert true
    wenn (getNumber(arr[i]) || getNumber(arr[i]) === 0) {
      gebe Nummer zurück(arr[i])
    }
  }
}

/**
 * Da instanceof nur Referenztypen und keine primitiven Typen unterstützt, müssen wir hier einige Änderungen vornehmen und das Array wie folgt ändern:
 */
const arr2: (Zahl | Zeichenfolge)[] = [neue Zeichenfolge('Zahlenwert'), neue Zahl(10)]
// 1. Definieren Sie eine Funktion zum Abrufen einer Zahl const getNumber: (Wert) => Zahl = (Wert): Zahl => {
  //Bestimmen Sie, ob der aktuelle Wert vom Typ „Zahl“ ist, konvertieren Sie den aktuellen Wert in einen String und geben Sie zurück, wenn (Wertinstanz von „Zahl“) {
    gibt Zahl(Wert) zurück
  }
}
// 2. Aufruf zum Abrufen des endgültigen Wertes const getValue: (arr: (Number | String)[]) => number = (
  arr: (Zahl | Zeichenfolge)[],
): Zahl => {
  für (sei i = 0; i < arr.length; i++) {
    // Wenn eine Zahl zurückgegeben wird, konvertieren Sie sie in den booleschen Wert true
    wenn (getNumber(arr[i]) || getNumber(arr[i]) === 0) {
      gebe Nummer zurück(arr[i])
    }
  }
}