Menu
Coddy logo textTech

import ile İçe Aktarma

Coddy'nin JavaScript Journey'sinin Nesne Yönelimli Programlama bölümünün bir parçası. Ders 9 / 56.

Bir modülden işlevselliği dışa aktardıktan sonra, başka bir dosyada kullanmak için onu içe aktarmamız gerekir. import ifadesi, diğer modüllerden dışa aktarılan değerleri getirmemize olanak tanır.

İsimlendirilmiş bir dışa aktarmayı içe aktarın:

// Bir modülden belirli bir fonksiyonu içe aktarma
import { greet } from './greeting.js';

// Artık greet fonksiyonunu kullanabiliriz
greet('John'); // Çıktı: Hello, John!

Birden fazla adlandırılmış dışa aktarımı aynı anda içe aktarabilirsiniz:

// Birden fazla dışa aktarımı içe aktarma
import { greet, farewell } from './greeting.js';

greet('John');      // Çıktı: Hello, John!
farewell('John');   // Çıktı: Goodbye, John!

Varsayılan bir dışa aktarmayı içe aktarın:

// Varsayılan bir export'u içe aktarma (süslü parantez gerekmez)
// Bunu diğer dosyada şu olduğunda kullanın: export default functionName
import Person from './person.js';

// Yeni bir Person oluştur
const john = new Person('John');
challenge icon

Görev

Kolay

Bir kayıt formu oluşturuyorsun. Yararlı e-posta doğrulama işlevlerini içeren validation-utils.js adlı bir dosyan var.

Görevin:

  1. İçe aktar validateEmail işlevini main.js dosyasına (varsayılan dışa aktarma değil, adlandırılmış dışa aktarmadır)
  2. Çağır işlevi ve user@example.com e-posta adresini ilet
  3. Yazdır sonuçları console.log kullanarak

Kendin dene

// YAPILACAK: validateEmail fonksiyonunu buraya içe aktarın (bu adlandırılmış dışa aktarmadır)

// YAPILACAK: Fonksiyonu çağırın, user@example.com e-posta adresini gönderin ve sonuçları console.log kullanarak yazdırın
quiz iconKendini test et

Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.

Nesne Yönelimli Programlama bölümündeki tüm dersler

Kendi başına pratik yap: Online JavaScript derleyicisi