0Pricing
TypeScript Academy · Pelajaran

Dasar .d.ts; export type vs export

Pelajari dasar berkas deklarasi: deklarasi ambient vs modul, export type vs export, dan cara memastikan DX yang tepat bagi pengguna.

Dasar .d.ts; export type vs export adalah pelajaran TypeScript Academy gratis di CoddyKit. Ini adalah pelajaran 1 dari 2. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar TypeScript Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus TypeScript Academy mencakup 2 pelajaran total.

Pendahuluan

Tujuan: Menulis berkas .d.ts yang berguna. Anda akan mempelajari deklarasi lingkungan dibandingkan modul, cara mendeklarasikan ekspor, serta kapan menggunakan export type dibandingkan export.

  • Konteks lingkungan dibandingkan modul
  • Ekspor khusus tipe dibandingkan nilai
  • Praktik yang baik

Deklarasi lingkungan

Gunakan declare global untuk memperluas cakupan global. Tambahkan export {} untuk menandai berkas sebagai modul dan menghindari konflik.

// 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

Deklarasi modul

declare module menjelaskan struktur paket eksternal. Gunakan ekspor di dalamnya untuk mencerminkan apa yang disediakan JS.

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

export type dibandingkan export

export type (atau antarmuka) digunakan untuk konstruksi khusus tipe. Gunakan export untuk fungsi, konstanta, kelas—hal-hal yang ada saat runtime.

// 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

Memperluas modul

Anda dapat memperluas modul yang sudah ada dengan membukanya kembali dalam berkas deklarasi lain. Ini berguna untuk menambal paket pihak ketiga.

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

Praktik terbaik

Praktik terbaik:

  • Jaga agar .d.ts tetap minimal; hindari global yang tidak perlu.
  • Pisahkan ekspor khusus tipe dari ekspor nilai dengan jelas.
  • Uji berkas deklarasi dengan tsc --noEmit dan contoh penggunaan.

Pemeriksaan export type

Pemeriksaan singkat: Kapan Anda harus menggunakan export type?

Ringkasan

Ringkasan: Berkas .d.ts mendeklarasikan tipe tanpa implementasi. Gunakan declare global atau declare module, pisahkan export type dari export, dan ikuti praktik terbaik.

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Dasar .d.ts; export type vs export” gratis?

Ya — teks lengkap “Dasar .d.ts; export type vs export” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus TypeScript Academy, upgrade ke CoddyKit PRO. Kursus TypeScript Academy mencakup 2 pelajaran total.

Apa yang akan aku pelajari di “Dasar .d.ts; export type vs export”?

Pelajari dasar berkas deklarasi: deklarasi ambient vs modul, export type vs export, dan cara memastikan DX yang tepat bagi pengguna. Kamu berlatih TypeScript Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai TypeScript Academy?

Tidak diperlukan pengalaman sebelumnya. TypeScript Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 1 dari 2.

Berapa lama pelajaran “Dasar .d.ts; export type vs export” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran TypeScript Academy ini?

Ya. Setiap pelajaran TypeScript Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

  1. Dasar .d.ts; export type vs export
  2. Menerbitkan paket dengan tipe
← Kembali ke TypeScript Academy