0Pricing
TypeScript Academy · Ders

ES Modülü Sözdizimi: import ve export

TypeScript dosyalarında adlandırılmış ve varsayılan dışa aktarımları kullanın

ES Modülü Sözdizimi: import ve export, CoddyKit'te ücretsiz bir TypeScript Academy dersidir. Bu, 4 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 4 dersten oluşur.

Hoş Geldiniz

TypeScript, kodu ayrı dosyalarda düzenlemek için ES modül sözdizimini destekler. Bu derste adlandırılmış dışa aktarımlar, varsayılan dışa aktarımlar ve içe aktarmalar ele alınır.

Adlandırılmış Dışa Aktarımlar

Bir bildirimi diğer dosyalarda kullanılabilir hâle getirmek için `export` kullanın.
// math.ts
export function add(a: number, b: number): number { return a + b; }
export const PI = 3.14159;
export interface Config { host: string; }

Adlandırılmış İçe Aktarımlar

Belirli adlandırılmış dışa aktarımları süslü ayraçları kullanarak içe aktarın.
// app.ts
import { add, PI } from './math';
console.log(add(1, 2)); // 3
console.log(PI);        // 3.14159

Varsayılan Dışa Aktarımlar

Bir modülün bir varsayılan dışa aktarımı olabilir. Bunu süslü ayraçlar olmadan ve istediğiniz adla içe aktarın.
// greeter.ts
export default function greet(name: string): string {
  return 'Hello, ' + name;
}

// app.ts
import greet from './greeter';
console.log(greet('Alice'));

İçe Aktarma Takma Adları

Adlandırma çakışmalarını önlemek için bir içe aktarmanın adını değiştirmek üzere `as` kullanın.
import { log as consoleLog } from './logger';
import { User as UserModel } from './models';

Ad Alanı İçe Aktarmaları

Tüm dışa aktarımları bir ad alanı nesnesi olarak içe aktarın.
import * as math from './math';
console.log(math.add(1, 2));
console.log(math.PI);

Yeniden Dışa Aktarma

Genel bir API yüzeyi oluşturmak için başka bir modülden yeniden dışa aktarın.
// index.ts
export { add, PI } from './math';
export { greet } from './greeter';
export * from './utils';

Yalnızca Tür Dışa Aktarımları

`export type` kullanarak çalışma zamanı kodunu içermeden türleri dışa aktarın.
// types.ts
export type { User, Product };
export type UserId = string;

Yalnızca Tür İçe Aktarımları

`import type`, içe aktarma için çalışma zamanı kodu eklenmemesini sağlar. Arayüzleri ve tür takma adlarını içe aktarmak için kullanışlıdır.
import type { User } from './models';
// Only the type is imported — no JavaScript
function greet(user: User): string { return user.name; }

Modül Çözümleme

TypeScript, içe aktarmaları `moduleResolution` tsconfig ayarına göre çözümler. Modern projeler için `bundler` veya `node16` önerilir.

JSON İçe Aktarma

JSON dosyalarını tür çıkarımıyla içe aktarmak için tsconfig içinde `resolveJsonModule: true` seçeneğini etkinleştirin.
// tsconfig.json: "resolveJsonModule": true
import config from './config.json';
console.log(config.host); // typed based on JSON structure

Hızlı Kontrol

İçe aktarmanın JavaScript çıktısı oluşturmamasını, yani yalnızca tür olarak kullanılmasını hangi içe aktarma sözdizimi sağlar?

Özet

Birden çok öğe için adlandırılmış dışa aktarımları ve içe aktarmaları, bir modülün ana öğesi için varsayılan dışa aktarımları, türler için ise import type kullanın. index.ts içindeki yeniden dışa aktarımlar, temiz genel API'ler oluşturur.

Sıkça Sorulan Sorular

“ES Modülü Sözdizimi: import ve export” dersi ücretsiz mi?

Evet — “ES Modülü Sözdizimi: import ve export” 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 4 dersten oluşur.

“ES Modülü Sözdizimi: import ve export” dersinde ne öğreneceğim?

TypeScript dosyalarında adlandırılmış ve varsayılan dışa aktarımları 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, 4 dersinin 1. dersidir.

“ES Modülü Sözdizimi: import ve export” 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

  1. ES Modülü Sözdizimi: import ve export
  2. Yeniden Dışa Aktarımlar ve Fıçı Dosyaları
  3. Yalnızca Tür İçeren İçe ve Dışa Aktarımlar
  4. Ad Alanları mı Modüller mi: Modern Kullanım
← TypeScript Academy Sayfasına Dön