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');Görev
KolayBir kayıt formu oluşturuyorsun. Yararlı e-posta doğrulama işlevlerini içeren validation-utils.js adlı bir dosyan var.
Görevin:
- İçe aktar
validateEmailişlevinimain.jsdosyasına (varsayılan dışa aktarma değil, adlandırılmış dışa aktarmadır) - Çağır işlevi ve user@example.com e-posta adresini ilet
- Yazdır sonuçları
console.logkullanarak
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ınBu 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
1Nesneler ve this Anahtar Kelimesi
Hızlı Tekrar: NesnelerNesnelere Metot Eklemethis Anahtar Kelimesini AnlamakYapıcı Fonksiyonlarnew Anahtar KelimesiGenel Tekrar Uygulaması7Kalıtım ve extends Anahtar Kelimesi
Kalıtım"is-a" İlişkisiextends Anahtar Kelimesisuper() MetoduÖzellikleri ve Metotları DevralmaÖzet Meydan Okuması2Kodu Düzenleme
Modüller Nedir?export ile Dışa Aktarmaimport ile İçe AktarmaVarsayılan ve Adlandırılmış Dışa Aktarmalar8OOP Kodunu Düzenleme
Sınıfları Modüller Halinde Düzenleme6Proje: Basit Bir Banka Hesabı
BankAccount SınıfıPara Yatırma ve Para ÇekmePrivate Alan Olarak Bakiye9Statik Metotlar ve Özellikler
Sınıf Düzeyi ve Örnek DüzeyiStatik ÖzelliklerStatik Yardımcı MetotlarÖzet Meydan Okuma12Getter ve Setter'lar
get ve set Anahtar KelimeleriHesaplanmış ÖzelliklerDoğrulama ve Yan EtkilerÖzet Meydan Okuması15Final Meydan Okumaları
Oyun Karakteri OluşturucuE-ticaret Ürün SistemiÜniversite Yönetim SistemiAkıllı Ev Cihaz SistemiKendi başına pratik yap: Online JavaScript derleyicisi