Proje sonu - Kütüphane
Kütüphaneyi tamamlayıp modülü başka dosyadan içe aktarıp kullanırsın.
Modülü içe aktarmak
Kütüphane tamamlandı: bir Collection sınıfı, iç durum ve üç metot var; ayrıca adlı ve varsayılan dışa aktarım ekledik. Artık bu modülü başka bir dosyada kullanabiliriz.
Bunun için import anahtar kelimesini kullanırız. Varsayılan aktarımı alırken import Collection from "./library.js" yazarız; yol, modülün göreli konumudur. Sonra new Collection() ile örnek oluşturup metotları çağırırız.
Örneği kullanmak
Modülü içe aktardıktan sonra const list = new Collection() ile bir örnek oluştururuz. list.add("elma").add("armut") gibi zincirlerle öğe ekler, list.find(item => item === "elma") ile arama yaparız.
Burada item => ... biçimi bir ok fonksiyonudur; find bunu her öğe için çağırır ve true döndüren ilk öğeyi verir. Böylece kütüphaneyi gerçek bir uygulamada kullanmış oluruz.
Uygulama Modülü içe aktar ve kullan
Aşağıda library.js modülü tamamlandı. app.js bölümünde modülü import ile içe aktar, yeni bir Collection örneği oluştur, iki öğe ekle ve find ile birini bul.
Örnek çözümü göster
import Collection from "./library.js" ile içe aktar. new Collection() ile örnek oluştur. add ile öğe ekle, find ile bul.
Örnek çözüm:
import Collection from "./library.js";
const list = new Collection();
list.add("elma").add("armut");
const found = list.find(item => item === "elma");
console.log(found);Kendini test et
-
import Collection from "./library.js" ne yapar?
- Sınıfı siler
- Varsayılan aktarımı içe aktarır
- Sınıfı dışa aktarır
- Yeni örnek oluşturur
Cevabı göster
Varsayılan aktarımı içe aktarır — Doğru! import ... from varsayılan aktarımı içe aktarır.
-
Varsayılan aktarımı içe aktar
import Collection from "____";Cevabı göster
import Collection from "./library.js"; -
Kullanım parçalarını eşleştir
- import
- modülü içe aktarır
- new Collection
- yeni örnek oluşturur
- list.add
- öğe ekler
- list.find
- eşleşen öğeyi bulur
-
find için bir ok fonksiyonu yaz
const found = list.find(____);Cevabı göster
const found = list.find(item => item === "elma");