CodeBlanks Logo Icon CodeBlanks

export ve import

ES module export ve import'u öğrenirsin.

export ve import

Bir modülde export anahtar kelimesi ile değişken, fonksiyon veya türü dışa aktarabilirsin. Başka bir modülden import { ad } from "./yol" sözdizimiyle bu öğeleri içe aktarırsın. Süslü parantez içindeki adlar, dışa aktarılan adlarla birebir eşleşmelidir.

// matematik.ts
export function topla(a: number, b: number) {
  return a + b;
}

// app.ts
import { topla } from "./matematik";
console.log(topla(2, 3));  // 5

Birden çok named export

Bir modülde istediğin kadar named export olabilir. Her export anahtar kelimesi yeni bir dışa aktarma ekler. İçe aktarırken virgülle ayırarak birden çok öğeyi tek bir import deyiminde alabilirsin: import { topla, cikar } from "./matematik".

Uygulama Dışa aktarılan fonksiyonu çağır

topla fonksiyonunu dışa aktararak tanımla: (a: number, b: number): number imzalı, a + b döndürsün. Sonra topla(3, 4) çağrısının sonucunu console.log ile yazdır.

Başlangıç kodu

index.ts
// topla adında bir fonksiyonu dışa aktararak tanımla
// a ve b parametreleri alsın, toplamlarını döndürsün
// fonksiyonu 3 ve 4 ile çağırıp sonucu yazdır

Örnek çözüm

index.ts
export function topla(a: number, b: number): number {
  return a + b;
}
console.log(topla(3, 4));

Beklenen çıktı

7

Soru ve cevaplar

Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.

1 Named export edilen bir fonksiyonu içe aktarmak için hangi sözdizimi kullanılır?

  • import { topla } from "./matematik" Doğru cevap
  • import topla from "./matematik"
  • import * topla from "./matematik"
  • import [ topla ] from "./matematik"

Açıklama: Named export için süslü parantez içinde ad verilir: import { topla } from "./matematik". Süslü parantezsiz yazım default export içindir; * kullanımı as gerektirir; köşeli parantez geçersizdir.

2 export ekle

Soru
____ function topla(a: number, b: number): number {
  return a + b;
}
Cevap
export function topla(a: number, b: number): number {
  return a + b;
}

Açıklama: Bir fonksiyonu dışa aktarmak için bildirimin başına export yazılır. default varsayılan dışa aktarma için ayrıdır; public ve static sınıf üyeleri içindir, modül dışa aktarma için kullanılmaz.

3 export ve import parçaları

Kavram Anlamı
export function topla Named dışa aktarma bildirimi
import { topla } Süslü parantezli içe aktarma
{ topla, cikar } Birden çok ad virgülle
from "./matematik" Modül yolu

Orta seviye bölümündeki tüm dersler