TypeScript Academy · Oppitunti

.d.ts-tiedostojen perusteet; export type ja export

Tutustukaa määrittelytiedostojen perusteisiin: ambient- ja moduulimäärittelyt, export type ja export sekä kuluttajille oikean kehittäjäkokemuksen varmistaminen.

Oppitunti 1/28 vaihetta

.d.ts-tiedostojen perusteet; export type ja export on ilmainen TypeScript Academy-oppitunti CoddyKitissä. Tämä on oppitunti 1/2. 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ä 2 oppituntia.

Johdanto

Tavoite: Laatikaa hyödyllisiä .d.ts-tiedostoja. Opitte ambient- ja moduulimääritysten erot, vientien määrittämisen sekä sen, milloin käytetään export type- eikä export-määritystä.

Ambient- ja moduulikonteksti
Vain tyyppiä sisältävät viennit ja arvojen viennit
Hyvät käytännöt

Ambient-määritykset

Käyttäkää declare global-määrettä globaalin näkyvyysalueen laajentamiseen. Lisätkää export {} merkitsemään tiedosto moduuliksi ja estämään ristiriidat.

// globals.d.ts
// Ambient declaration: no import/export, augments global scope
declare global {
  interface Window {
    APP_VERSION: string
  }
}

export {} // ensures this file is a module

Moduulimäärittelyt

declare module kuvaa ulkoisen paketin rakenteen. Käyttäkää sen sisällä exports-määrittelyjä peilaamaan JS:n tarjoamaa sisältöä.

// types/index.d.ts
// Declare a module with exports
declare module "mylib" {
  export function greet(name: string): string
  export const version: string
}

Export type vs export

export type (tai interface) on tarkoitettu vain tyyppirakenteille. Käyttäkää export-määrettä funktioille, vakioille ja luokille – asioille, jotka ovat olemassa ajonaikaisesti.

// shapes.d.ts
export type Point = { x: number; y: number }

export interface User {
  id: string
  name: string
}

export function distance(a: Point, b: Point): number
export const VERSION: string

Moduulien laajentaminen

Voitte laajentaa olemassa olevia moduuleja avaamalla ne uudelleen toisessa määritystiedostossa. Tämä on hyödyllistä kolmannen osapuolen pakettien paikkaamiseen.

// augment.d.ts
import "mylib"
declare module "mylib" {
  export function extra(): void
}

Parhaat käytännöt

Parhaat käytännöt:

Pitäkää .d.ts-tiedostot pieninä; välttäkää tarpeettomia globaaleja määrittelyjä.
Erotelkaa vain tyyppiä sisältävät viennit ja arvojen viennit selkeästi.
Testatkaa määritystiedostot komennoilla tsc --noEmit ja esimerkkikäytöllä.

export type -tarkistus

Pikatarkistus: Milloin kannattaa käyttää export type -määrettä?

Vastaa interaktiivisessa oppitunnissa

Kertaus

Kertaus: .d.ts-tiedostot määrittävät tyypit ilman toteutusta. Käyttäkää declare global- tai declare module-määrettä, erottakaa export type ja export toisistaan ja noudattakaa parhaita käytäntöjä.

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 ”.d.ts-tiedostojen perusteet; export type ja export” ilmainen?

Kyllä – oppitunnin ”.d.ts-tiedostojen perusteet; export type ja export” 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ä 2 oppituntia.

Mitä opin oppitunnilla ”.d.ts-tiedostojen perusteet; export type ja export”?

Tutustukaa määrittelytiedostojen perusteisiin: ambient- ja moduulimäärittelyt, export type ja export sekä kuluttajille oikean kehittäjäkokemuksen varmistaminen. 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 1/2.

Kuinka kauan ”.d.ts-tiedostojen perusteet; export type ja export”-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

.d.ts-tiedostojen perusteet; export type ja export
Tyypitettyjen pakettien julkaiseminen

← Takaisin: TypeScript Academy