Ortam bildirimleri (.d.ts) ve üçüncü taraf tür tanımları
Genel değişkenleri ve modülleri açıklamak için .d.ts dosyalarında ortam bildirimleri yazın; üçüncü taraf tür tanımlarını güvenle yükleyip kullanın.
Ortam bildirimleri (.d.ts) ve üçüncü taraf tür tanımları, CoddyKit'te ücretsiz bir TypeScript Academy dersidir. Bu, 3 dersinin 2. 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 3 dersten oluşur.
Giriş
Amaç: Harici JavaScript'i .d.ts dosyalarındaki ortam bildirimleriyle açıklamak ve türleri bulunmayan kitaplıklar için üçüncü taraf tür bildirimlerini kullanmak.
Global bildirimler
globals.d.ts: JS üretmeden global değişkenleri bildirin ve ortam arayüzlerini (ör. Window) genişletin.
// file: globals.d.ts
// Declare global variables and interfaces
declare const VERSION: string;
declare interface Window {
appReady?: boolean;
}Alıcılı lambda temelleri
- Alıcı = lambda içinde kullanılan oluşturucu örneğidir.
- Daha temiz çağrılar: öğe("Çay"); builder.item yerine.
- Adları kısa, eylemleri açık tutun.
Modül bildirimleri
declare module, tür göndermeyen bir paketi açıklar. Artık import { coolify } tür denetiminden doğru şekilde geçer.
// 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;
}Modül genişletmesi
Modül genişletmesi kurulu tür bildirimlerini genişletir; örneğin mevcut bir arayüze özel bir özellik ekleyebilirsiniz.
// file: react-augment.d.ts
// Extend an existing module (augmentation)
declare module "react" {
interface HTMLAttributes<T> {
dataTestId?: string;
}
}Üçüncü taraf tür bildirimleri
Bir kitaplık tür göndermiyorsa DefinitelyTyped kaynaklı @types/ paketlerini tercih edin. Bunlar derlemenize yalnızca .d.ts dosyaları ekler.
// install: npm i -D @types/lodash
// usage:
import _ from "lodash";
const r = _.chunk([1,2,3,4], 2);İpuçları ve çözümleme
İpuçları:
- .d.ts dosyalarınızı src/ altına yerleştirin veya bunları tsconfig.json üzerinden (
include/typeRoots/types) dahil edin. - Genişletmek için modül genişletmesini kullanın; node_modules içindeki dosyaları düzenlemekten kaçının.
- Aşırı geniş
anykullanımından kaçının; en az ve doğru yapıların türlerini belirtin.
Ortam bildirimi denetimi
Hızlı denetim: Ortam bildirimi ne amaçla kullanılır?
Özet
Özet: Global değişkenler ve modüller için .d.ts dosyalarını kullanın, topluluk tür bildirimleri için @types paketlerini tercih edin ve modül genişletmesiyle güvenli biçimde genişletin.
Özet
Özet: Blok başına türü belirtilmiş alıcılar kullanın, kapsam güvenliği için @DslMarker ekleyin ve temiz bir kullanım için değişmez bir model döndürün.
Yapay zeka eğitmeniyle TypeScript öğren — ücretsiz
Tarayıcında gerçek kod yaz ve çalıştır, 7/24 yapay zeka eğitmeninden anında yardım al; web'de ya da uygulamada kaldığın yerden devam et.
- Kurslar
- 101
- Dersler
- 352
Sıkça Sorulan Sorular
“Ortam bildirimleri (.d.ts) ve üçüncü taraf tür tanımları” dersi ücretsiz mi?
Evet — “Ortam bildirimleri (.d.ts) ve üçüncü taraf tür tanımları” 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 3 dersten oluşur.
“Ortam bildirimleri (.d.ts) ve üçüncü taraf tür tanımları” dersinde ne öğreneceğim?
Genel değişkenleri ve modülleri açıklamak için .d.ts dosyalarında ortam bildirimleri yazın; üçüncü taraf tür tanımlarını güvenle yükleyip kullanın. 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, 3 dersinin 2. dersidir.
“Ortam bildirimleri (.d.ts) ve üçüncü taraf tür tanımları” 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
- ES Modülleri (adlandırılmış ve varsayılan), yeniden dışa aktarmalar
- Ortam bildirimleri (.d.ts) ve üçüncü taraf tür tanımları
- Yol eşleme ve modül çözümleme