.d.ts temelleri; export type ve export karşılaştırması
Bildirim dosyalarının temellerini öğrenin: ortam ve modül bildirimleri, export type ile export arasındaki fark ve tüketiciler için doğru DX'i sağlama.
.d.ts temelleri; export type ve export karşılaştırması, CoddyKit'te ücretsiz bir TypeScript Academy dersidir. Bu, 2 dersinin 1. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, TypeScript Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. TypeScript Academy kursu toplamda 2 dersten oluşur.
Giriş
Amaç: Kullanışlı .d.ts dosyaları yazmaktır. Ortam ve modül bildirimlerini, dışa aktarımların nasıl bildirileceğini ve ne zaman export type ile export kullanacağınızı öğreneceksiniz.
- Ortam ve modül bağlamı
- Yalnızca tür ve değer dışa aktarımları
- İyi uygulamalar
Ortam bildirimleri
Genel kapsamı genişletmek için declare global kullanın. Dosyayı modül olarak işaretlemek ve çakışmaları önlemek için export {} ekleyin.
// globals.d.ts
// Ambient declaration: no import/export, augments global scope
declare global {
interface Window {
APP_VERSION: string
}
}
export {} // ensures this file is a moduleModül bildirimleri
declare module, harici bir paketin biçimini açıklar. JS'nin sunduklarını yansıtmak için içeride dışa aktarımlar kullanın.
// types/index.d.ts
// Declare a module with exports
declare module "mylib" {
export function greet(name: string): string
export const version: string
}Tür dışa aktarımı ve dışa aktarım
export type (veya arayüz) yalnızca tür içeren yapılar içindir. Çalışma zamanında var olan işlevler, sabitler ve sınıflar için export kullanın.
// 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: stringModülleri genişletme
Mevcut modülleri başka bir bildirim dosyasında yeniden açarak genişletebilirsiniz. Bu, üçüncü taraf paketlere düzeltme eklemek için kullanışlıdır.
// augment.d.ts
import "mylib"
declare module "mylib" {
export function extra(): void
}En iyi uygulamalar
En iyi uygulamalar:
- .d.ts dosyalarını küçük tutun; gereksiz genellerden kaçının.
- Yalnızca tür içeren dışa aktarımları değer dışa aktarımlarından açıkça ayırın.
- Bildirim dosyalarını
tsc --noEmitve örnek kullanımla sınayın.
export type kontrolü
Hızlı kontrol: export type ne zaman kullanılmalıdır?
Özet
Özet: .d.ts dosyaları, uygulama içermeden türleri bildirir. declare global veya declare module kullanın, export type ile export ifadelerini ayırın ve en iyi uygulamaları izleyin.
Sıkça Sorulan Sorular
“.d.ts temelleri; export type ve export karşılaştırması” dersi ücretsiz mi?
Evet — “.d.ts temelleri; export type ve export karşılaştırması” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve TypeScript Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. TypeScript Academy kursu toplamda 2 dersten oluşur.
“.d.ts temelleri; export type ve export karşılaştırması” dersinde ne öğreneceğim?
Bildirim dosyalarının temellerini öğrenin: ortam ve modül bildirimleri, export type ile export arasındaki fark ve tüketiciler için doğru DX'i sağlama. TypeScript Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
TypeScript Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te TypeScript Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 2 dersinin 1. dersidir.
“.d.ts temelleri; export type ve export karşılaştırması” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu TypeScript Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her TypeScript Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- .d.ts temelleri; export type ve export karşılaştırması
- Türlerle paket yayımlama