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");

Sıradaki ders: Nesne destructuring

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler