Deklarasi ambient (.d.ts) & pengetikan pihak ketiga
Tulis deklarasi ambient dalam berkas .d.ts untuk menjelaskan global dan modul; pasang serta gunakan pengetikan pihak ketiga dengan aman.
Deklarasi ambient (.d.ts) & pengetikan pihak ketiga adalah pelajaran TypeScript Academy gratis di CoddyKit. Ini adalah pelajaran 2 dari 3. 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 3 pelajaran total.
Pendahuluan
Tujuan: Mendeskripsikan JavaScript eksternal dengan deklarasi lingkungan dalam berkas .d.ts dan menggunakan definisi tipe pihak ketiga untuk pustaka yang tidak memiliki tipe.
Deklarasi global
globals.d.ts: Deklarasikan global dan perluas antarmuka lingkungan (misalnya, Window) tanpa menghasilkan JS.
// file: globals.d.ts
// Declare global variables and interfaces
declare const VERSION: string;
declare interface Window {
appReady?: boolean;
}Dasar lambda dengan receiver
- Penerima = instans pembangun yang digunakan di dalam lambda.
- Panggilan lebih bersih: item("Tea"), bukan builder.item.
- Pertahankan nama tetap singkat dan tindakan tetap jelas.
Deklarasi modul
declare module mendeskripsikan paket yang tidak menyediakan tipe. Sekarang import { coolify } diperiksa tipenya dengan benar.
// file: cool-lib.d.ts
// Provide types for an untyped JS module
declare module "cool-lib" {
export function coolify(s: string): string;
export const version: string;
}Perluasan modul
Perluasan modul memperluas definisi tipe yang terpasang, misalnya dengan menambahkan properti khusus ke antarmuka yang sudah ada.
// file: react-augment.d.ts
// Extend an existing module (augmentation)
declare module "react" {
interface HTMLAttributes<T> {
dataTestId?: string;
}
}Definisi tipe pihak ketiga
Utamakan paket @types/ dari DefinitelyTyped ketika sebuah pustaka tidak menyediakan tipe. Paket tersebut hanya menambahkan berkas .d.ts ke proses build Anda.
// install: npm i -D @types/lodash
// usage:
import _ from "lodash";
const r = _.chunk([1,2,3,4], 2);Kiat & resolusi
Kiat:
- Letakkan berkas .d.ts di bawah src/ atau sertakan melalui tsconfig.json (
include/typeRoots/types). - Gunakan perluasan modul untuk memperluas definisi; hindari mengedit node_modules.
- Hindari
anyyang terlalu luas; tentukan bentuk minimal yang akurat.
Pemeriksaan deklarasi lingkungan
Pemeriksaan singkat: Untuk apa deklarasi lingkungan digunakan?
Ringkasan
Ringkasan: Gunakan berkas .d.ts untuk global/modul, utamakan @types untuk definisi tipe komunitas, dan perluas dengan aman menggunakan perluasan modul.
Ringkasan
Ringkasan: Gunakan penerima bertipe untuk setiap blok, tambahkan @DslMarker demi keamanan lingkup, dan kembalikan model yang tidak dapat diubah agar mudah digunakan.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Deklarasi ambient (.d.ts) & pengetikan pihak ketiga” gratis?
Ya — teks lengkap “Deklarasi ambient (.d.ts) & pengetikan pihak ketiga” 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 3 pelajaran total.
Apa yang akan aku pelajari di “Deklarasi ambient (.d.ts) & pengetikan pihak ketiga”?
Tulis deklarasi ambient dalam berkas .d.ts untuk menjelaskan global dan modul; pasang serta gunakan pengetikan pihak ketiga dengan aman. 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 2 dari 3.
Berapa lama pelajaran “Deklarasi ambient (.d.ts) & pengetikan pihak ketiga” 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
- Modul ES (bernama vs bawaan), ekspor ulang
- Deklarasi ambient (.d.ts) & pengetikan pihak ketiga
- Pemetaan jalur & resolusi modul