TypeScript Academy · Oppitunti

Readonly, Exclude, Extract ja NonNullable

Soveltakaa lisää utility-tyyppejä muuttumattomuuteen ja suodatukseen

Oppitunti 4/413 vaihetta

Readonly, Exclude, Extract ja NonNullable on ilmainen TypeScript Academy-oppitunti CoddyKitissä. Tämä on oppitunti 4/4. Voit lukea koko oppitunnin alta ilmaiseksi ja harjoitella sen jälkeen käytännössä selaimessa sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla. Oppitunti kuuluu TypeScript Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. TypeScript Academy-kurssilla on yhteensä 4 oppituntia.

Tervetuloa

TypeScriptin vakiokirjasto sisältää useita utility-tyyppejä Partialin, Requiredin, Pickin ja Omitin lisäksi. Tässä oppitunnissa käsitellään tyyppejä Readonly, Exclude, Extract ja NonNullable.

Readonly<T>

Tekee kaikista T:n ominaisuuksista vain luku -ominaisuuksia. Estää ominaisuuksien uudelleensijoittamisen luomisen jälkeen.

interface Config { host: string; port: number; }
const cfg: Readonly<Config> = { host: 'localhost', port: 3000 };
// cfg.host = 'remote'; // Error!

Exclude<T, U>

Poistaa unionista T kaikki jäsenet, jotka voidaan sijoittaa tyyppiin U.

type Status = 'pending' | 'active' | 'banned' | 'deleted';
type ActiveStatus = Exclude<Status, 'banned' | 'deleted'>;
// 'pending' | 'active'

Extract<T, U>

Säilyttää unionista T vain jäsenet, jotka voidaan sijoittaa tyyppiin U. Excluden vastakohta.

type StringOrNumber = string | number | boolean;
type JustStrNum = Extract<StringOrNumber, string | number>;
// string | number

NonNullable<T>

Poistaa tyypistä T null- ja undefined-arvot.

type MaybeString = string | null | undefined;
type DefinitelyString = NonNullable<MaybeString>; // string

ReturnType<T>

Poimii funktiotyypin T palautustyypin.

function fetchUser() { return { id: 1, name: 'Alice' }; }
type User = ReturnType<typeof fetchUser>; // { id: number; name: string }

Parameters<T>

Poimii funktion parametrityypit tuplena.

function add(a: number, b: number): number { return a + b; }
type AddParams = Parameters<typeof add>; // [number, number]

InstanceType<T>

Hakee konstruktorifunktiotyypin tuottaman instanssityypin.

class HttpClient { get(url: string) { return fetch(url); } }
type Client = InstanceType<typeof HttpClient>; // HttpClient

Awaited<T>

Purkaa sisäkkäiset Promise-tyypit.

type A = Awaited<Promise<string>>;          // string
type B = Awaited<Promise<Promise<number>>>;  // number

Useiden utility-tyyppien yhdistäminen

Ketjuta utility-tyyppejä monimutkaisten muunnosten toteuttamiseksi.

type SafeInput<T> = Readonly<Partial<NonNullable<T>>>;

Utility-tyypit ovat vain tyyppialiasia

Jokainen sisäänrakennettu utility-tyyppi toteutetaan mapped type -tyyppien, ehdollisten tyyppien ja inferin avulla. Voit luoda myös omia utility-tyyppejä.

Pikatarkistus

Mitä `Exclude<'a' | 'b' | 'c', 'b'>` tuottaa?

Vastaa interaktiivisessa oppitunnissa

Kertaus

Readonly estää muuttamisen. Exclude poistaa unionin jäseniä. Extract säilyttää täsmäävät jäsenet. NonNullable poistaa null- ja undefined-arvot. ReturnType, Parameters ja InstanceType poimivat funktioiden ja luokkien tyyppitietoja.

Aloita maksutta

Opi TypeScript tekoälytuutorin avulla — ilmaiseksi

Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.

Kurssit: 101
Oppitunnit: 352

Aloita opiskelu maksutta Näytä koko kurssi

Usein kysytyt kysymykset

Onko oppitunti ”Readonly, Exclude, Extract ja NonNullable” ilmainen?

Kyllä – oppitunnin ”Readonly, Exclude, Extract ja NonNullable” koko tekstin voi lukea täällä verkossa ilmaiseksi. Jos haluat harjoitella interaktiivisesti sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla sekä avata koko TypeScript Academy-kurssin, päivitä CoddyKit PROhon. TypeScript Academy-kurssilla on yhteensä 4 oppituntia.

Mitä opin oppitunnilla ”Readonly, Exclude, Extract ja NonNullable”?

Soveltakaa lisää utility-tyyppejä muuttumattomuuteen ja suodatukseen Harjoittelet TypeScript Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.

Tarvitsenko kokemusta aloittaakseni TypeScript Academy-opiskelun?

Aiempi kokemus ei ole tarpeen. CoddyKitin TypeScript Academy-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 4/4.

Kuinka kauan ”Readonly, Exclude, Extract ja NonNullable”-oppitunnin suorittaminen kestää?

Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.

Voinko kirjoittaa ja suorittaa koodia tällä TypeScript Academy-oppitunnilla?

Kyllä. Jokainen TypeScript Academy-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.

Kaikki tämän kurssin oppitunnit

Partial ja Required: valinnaisuuden vaihtaminen
Pick ja Omit: ominaisuuksien valitseminen
Record: avainten yhdistäminen arvotyyppeihin
Readonly, Exclude, Extract ja NonNullable

← Takaisin: TypeScript Academy