ES Modülleri (adlandırılmış ve varsayılan), yeniden dışa aktarmalar
Adlandırılmış ve varsayılan dışa aktarma/içe aktarmaları ve düzenli modül sınırları oluşturmak için yeniden dışa aktarmayı anlayın.
ES Modülleri (adlandırılmış ve varsayılan), yeniden dışa aktarmalar, CoddyKit'te ücretsiz bir TypeScript Academy dersidir. Bu, 3 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 3 dersten oluşur.
Giriş
Amaç: ES Modüllerini güvenle kullanın. Adlandırılmış ve varsayılan sembolleri dışa ve içe aktaracak, ardından düzenli genel API'ler için bunları yeniden dışa aktarmalarla birleştireceksiniz.
Adlandırılmış dışa aktarmalar/içe aktarmalar
Adlandırılmış dışa aktarmalar bildirimlerin önünde export kullanır; bunları süslü parantezlerle içe aktarın: import { name }.
// file: math.ts
export function add(a: number, b: number): number { return a + b }
export const PI = 3.14159
// file: app.ts
import { add, PI } from "./math"
console.log(add(2, 3), PI) // 5 3.14159Varsayılan dışa aktarma/içe aktarma
Varsayılan dışa aktarma bir modülün ana değeridir. Bunu süslü parantezler olmadan içe aktarın: import Foo from "./mod".
// file: greet.ts
export default function greet(name: string) { console.log(`Hello, ${name}`) }
// file: app.ts
import greet from "./greet"
greet("Ada")Varsayılan + adlandırılmış birlikte
Bir modülde tek bir varsayılan dışa aktarmayı birden çok adlandırılmış dışa aktarmayla birleştirip ikisini birlikte içe aktarabilirsiniz.
// file: color.ts
export default "black"
export const palette = [ "red", "green", "blue" ]
// file: app.ts
import baseColor, { palette } from "./color"
console.log(baseColor, palette.length)Yeniden dışa aktarmalar (toplu dışa aktarma dosyaları)
Yeniden dışa aktarmalar (export { x } from / export * from) bir toplu dışa aktarma dosyası oluşturur; böylece kullanıcı kodu tek bir giriş noktasından içe aktarır.
// file: math/add.ts
export const add = (a: number, b: number) => a + b
// file: math/index.ts (barrel)
export { add } from "./add"
export * from "./more"
// file: app.ts
import { add } from "./math"
console.log(add(1, 2))İpuçları ve tuzaklar
İpuçları:
- Keşfedilebilirlik ve tutarlı yeniden adlandırma için adlandırılmış dışa aktarmaları tercih edin.
- Bir modülün tek “ana” öğesi için varsayılan dışa aktarmayı kullanın.
- Paket sınırlarında toplu dışa aktarma dosyaları oluşturun; döngüsel içe aktarmalardan kaçının.
Varsayılan içe aktarma denetimi
Hızlı denetim: Varsayılan dışa aktarmayla hangi içe aktarma eşleşir?
Özet
Özet: Birden çok dışa aktarma için adlandırılmış, tek bir ana değer için varsayılan dışa aktarmayı, temiz bir giriş noktası sunmak için de yeniden dışa aktarmaları kullanın.
Sıkça Sorulan Sorular
“ES Modülleri (adlandırılmış ve varsayılan), yeniden dışa aktarmalar” dersi ücretsiz mi?
Evet — “ES Modülleri (adlandırılmış ve varsayılan), yeniden dışa aktarmalar” 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.
“ES Modülleri (adlandırılmış ve varsayılan), yeniden dışa aktarmalar” dersinde ne öğreneceğim?
Adlandırılmış ve varsayılan dışa aktarma/içe aktarmaları ve düzenli modül sınırları oluşturmak için yeniden dışa aktarmayı anlayı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 1. dersidir.
“ES Modülleri (adlandırılmış ve varsayılan), yeniden dışa aktarmalar” 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