TypeScript Academy · leksjon

Brukerdefinerte funksjoner for typesjekking

Skriv is-predikater for å opprette egendefinerte typesjekker.

Leksjon 3 av 413 trinn

Brukerdefinerte funksjoner for typesjekking er en gratis leksjon i TypeScript Academy på CoddyKit. Dette er leksjon 3 av 4. Du kan lese hele leksjonen gratis nedenfor – og deretter øve praktisk i nettleseren med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i TypeScript Academy, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i TypeScript Academy inneholder totalt 4 leksjoner.

Velkommen

Brukerdefinerte type guards lar Dem kapsle inn en innsnevringskontroll i en gjenbrukbar funksjon ved hjelp av returtypen `is`-predikatet.

Returtypen for is-predikatet

En type guard-funksjon returnerer `paramName is Type`. Når funksjonen returnerer true, snevrer TypeScript parameteren inn til denne typen.
function isString(val: unknown): val is string {
  return typeof val === 'string';
}

Bruk av en type guard

Kall type guarden i en if-betingelse. TypeScript snevrer inn typen inne i blokken.
function process(val: unknown) {
  if (isString(val)) {
    console.log(val.toUpperCase()); // val: string
  }
}

Type guard for grensesnitt

Siden De ikke kan bruke instanceof med grensesnitt, er type guards den viktigste måten å snevre inn grensesnittunioner på.
interface Cat { meow(): void }
interface Dog { bark(): void }
function isCat(pet: Cat | Dog): pet is Cat {
  return 'meow' in pet;
}

Type guards for komplekse objekter

Skriv en type guard som validerer strukturen til et objekt under kjøring, før De bruker det som en bestemt type.
interface User { name: string; age: number; }
function isUser(val: unknown): val is User {
  return (
    typeof val === 'object' &&
    val !== null &&
    typeof (val as any).name === 'string' &&
    typeof (val as any).age === 'number'
  );
}

Type guards kontra typepåstander

Type guards kontrollerer under kjøring. Typepåstander (as Type) gjelder bare ved kompilering og kan være feil. Foretrekk guards for eksterne data.

Array.isArray som type guard

Array.isArray er en innebygd type guard. TypeScript forstår den og snevrer inn typen tilsvarende.
function flatten(val: string | string[]): string[] {
  return Array.isArray(val) ? val : [val];
}

Generiske type guards

Type guards kan være generiske for å gi gjenbrukbare kontrollere under kjøring.
function isNonNull<T>(val: T | null | undefined): val is T {
  return val !== null && val !== undefined;
}
const values = [1, null, 2, undefined].filter(isNonNull);
// values: number[]

Påstandsfunksjoner

Påstandsfunksjoner (som bruker asserts) utløser et unntak hvis betingelsen er usann, og snevrer inn typen etter kallet.
function assertIsString(val: unknown): asserts val is string {
  if (typeof val !== 'string') throw new TypeError('Not a string');
}
assertIsString(input);
console.log(input.toUpperCase()); // narrowed to string

Type guards sitt ansvar

TypeScript stoler fullt og helt på returverdiene fra type guards. Hvis guarden er feil, vil TypeScript ikke oppdage avviket ved kompilering.

Type guards i filter og find

Send type guards direkte til array.filter for å snevre inn resultattypen.
const mixed: (string | null)[] = ['a', null, 'b'];
const strings = mixed.filter((x): x is string => x !== null);
// strings: string[]

Kjapp kontroll

Hvilken returtypeannotasjon markerer en funksjon som en TypeScript-type guard?

Oppsummering

Brukerdefinerte type guards bruker returtyper på formen `param is Type` for å kapsle inn innsnevringslogikk. De fungerer med filter/find, muliggjør innsnevring av grensesnitt og kan gjøres generiske. Påstandsfunksjoner snevrer inn typen uten å returnere en boolsk verdi.
Gratis å komme i gang

Lær deg TypeScript med en AI-veileder – gratis

Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.

Kurs
101
Leksjoner
352

Ofte stilte spørsmål

Er leksjonen «Brukerdefinerte funksjoner for typesjekking» gratis?

Ja – hele teksten i «Brukerdefinerte funksjoner for typesjekking» er gratis å lese her på nettet. For å øve interaktivt med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt, og for å låse opp resten av TypeScript Academy-kurset, kan du oppgradere til CoddyKit PRO. Kurset i TypeScript Academy inneholder totalt 4 leksjoner.

Hva lærer jeg i «Brukerdefinerte funksjoner for typesjekking»?

Skriv is-predikater for å opprette egendefinerte typesjekker. Du øver på TypeScript Academy med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.

Trenger jeg erfaring for å begynne med TypeScript Academy?

Ingen tidligere erfaring er nødvendig. TypeScript Academy på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 3 av 4.

Hvor lang tid tar leksjonen «Brukerdefinerte funksjoner for typesjekking»?

De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.

Kan jeg skrive og kjøre kode i denne TypeScript Academy-leksjonen?

Ja. Alle TypeScript Academy-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.

Alle leksjonene i dette kurset

  1. typeof og innsnevring basert på sannhetsverdi
  2. instanceof- og in-innsnevring
  3. Brukerdefinerte funksjoner for typesjekking
  4. Fullstendighetssjekk med never
← Tilbake til TypeScript Academy