CodeBlanks Logo Icon CodeBlanks

ES modules

import ve export ile ES module sözdizimini öğrenirsin.

ES modules nedir?

ES modules, JavaScript'in modern modül sistemidir. Bir dosyadaki kodu başka dosyalarda yeniden kullanmayı sağlar. Node.js 22'de önerilen yöntem budur.

Bir modülden bir şeyi dışa aktarmak için export, başka bir modülden içe aktarmak için import anahtar kelimesi kullanılır. Dosya uzantısı .mjs ya da package.json içinde "type": "module" ile ESM etkinleştirilir.

Bu kurs boyunca ESM kullanacağız.

import ve export

Bir fonksiyonu dışa aktarmak için tanımın başına export yazılır. Örneğin export function greet(name) { ... }.

Başka bir dosyada bu fonksiyonu kullanmak için import { greet } from './greet.js' yazılır. Süslü parantezler, dışa aktarılan adı belirtir; from ise dosya yolunu bağlar.

Bu sayede kod küçük parçalara bölünür ve bakımı kolaylaşır.

Uygulama Bir fonksiyonu dışa aktar

greet(name) fonksiyonunu export ile tanımla. Fonksiyon 'Merhaba, ' ve name değerlerini birleştirip döndürsün. Sonra console.log ile greet('Ayşe') çağrısının sonucunu yazdır.

Başlangıç kodu

index.js
// greet fonksiyonunu export ile tanımla
// Sonra greet('Ayşe') çağrısını yazdır

Örnek çözüm

index.js
export function greet(name) {
  return "Merhaba, " + name;
}

console.log(greet("Ayşe"));

Beklenen çıktı

Merhaba, Ayşe

Soru ve cevaplar

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

1 Modül kavramlarını eşleştir

Kavram Anlamı
import İçe aktarma
export Dışa aktarma
.mjs ESM dosya uzantısı
"type": "module" ESM etkinleştirme

2 import sözdizimi

Soru
____ { greet } from "./greet.js";
Cevap
import { greet } from "./greet.js";

Açıklama: import ESM'in içe aktarma anahtar kelimesidir.

3 export ne işe yarar?

  • Bir değeri siler
  • Bir değeri başka dosyalarda kullanıma sunar Doğru cevap
  • Bir değeri yeniden adlandırır
  • Bir değeri gizler

Açıklama: export bir değeri dışa aktarır.

Başlangıç bölümündeki tüm dersler