Proje: Yardımcı kütüphane
5 derslik yardımcı kütüphane projesine genel bakış: sınıf + modül ile tekrar kullanılabilir yapılar.
Proje: Yardımcı kütüphane
Bu 5 derslik projede tekrar kullanılabilir bir yardımcı kütüphane kuracağız. Merkezde bir Collection sınıfı var: öğe eklemeyi, çıkarmayı ve aramayı tek bir arayüzde toplar.
Yol haritamız:
- 1. ders: sınıf iskeletini kurarız
- 2. ders: constructor ile iç durumu kurarız
- 3. ders:
add,remove,findmetotlarını ekleriz - 4. ders: sınıfı modül olarak dışa aktarırız
- 5. ders: modülü başka dosyadan içe aktarıp kullanırız
Her ders önceki dersin çözümünden devam eder.
Kütüphanenin iskeleti
Bir kütüphane, dışarıdan kullanılan birimlerin toplamıdır. Bizim birimimiz tek bir sınıf: Collection. Bu sınıf bir diziye sarılır ve diziye erişimi metotlar üzerinden sunar; dışarıdan items dizisine doğrudan dokunulmaz.
Bu derste yalnızca boş sınıfı tanımlayıp dosyaya bir başlık yorumu ekleyeceğiz. Sonraki derslerde içini dolduracağız. Başlamak için class anahtar kelimesi yeterli.
Uygulama Boş Collection sınıfını tanımla
library.js dosyasına bir başlık yorumu ekle ve boş bir Collection sınıfı tanımla.
Örnek çözümü göster
class yaz, boşluk bırak, sınıf adını yaz ve süslü parantezleri ekle.
Örnek çözüm:
// Yardımcı kütüphane
class Collection {}Kendini test et
-
Hangi sınıf öğe eklemeyi, çıkarmayı ve aramayı tek arayüzde toplar?
- Promise
- Collection
- Fetch
- Array
Cevabı göster
Collection — Doğru! Collection bu projenin merkezindeki sınıftır.
-
Boş sınıfı tanımla
class ____ {}Cevabı göster
class Collection {} -
Kavramları göreviyle eşleştir
- class
- sınıf tanımlar
- constructor
- örneği kurar
- this
- iç duruma erişir
- export
- modül dışına açar