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ı (default export) içe aktarın:

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

// Yeni bir Person oluşturun
const john = new Person('John');

Görev

Kolay

Bir kayıt formu oluşturuyorsunuz. Elinizde yararlı e-posta doğrulama fonksiyonları içeren bir validation-utils.js dosyası var.

Göreviniz:

main.js dosyası içinde validateEmail fonksiyonunu içe aktarın (import) (Bu bir adlandırılmış dışa aktarmadır (named export), varsayılan dışa aktarma (default export) değildir)
Fonksiyonu çağırın ve user@example.com e-posta adresini parametre olarak geçirin
console.log kullanarak sonuçları yazdırın

Kopya kağıdı

Diğer modüllerden dışa aktarılan değerleri getirmek için import ifadesini kullanın.

Adlandırılmış bir dışa aktarmayı içe aktarın:

import { greet } from './greeting.js';

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

Birden fazla adlandırılmış dışa aktarmayı içe aktarın:

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 (süslü parantez gerekmez):

import Person from './person.js';

const john = new Person('John');

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