Kurulum: Şekil Sınıfı ve Dışa Aktarma
Coddy'nin JavaScript Journey'sinin Nesne Yönelimli Programlama bölümünün bir parçası. Ders 39 / 56.
Görev
Bu projede, temel Nesne Yönelimli Programlama kavramlarını gösteren basit bir şekil işleme sistemi oluşturacağız. Kendilerini açıklayabilen farklı şekiller oluşturacak, kalıtım uygulayacak ve kodumuzu modüller kullanarak düzenleyeceğiz.
Görevin:
- `Shape.js` içinde şunlara sahip bir `Shape` sınıfı oluştur:
- Tek bir parametre alan bir kurucu:
color describe()adlı ve şunu döndüren bir metot:"A ${color} shape"
- Tek bir parametre alan bir kurucu:
- Sınıfı
exportkullanarak dışa aktar main.jsiçinde sınıfı şunu kullanarak içe aktar:import { Shape } from './Shape.js';
Kendin dene
// YAPILACAK: Shape sınıfını './Shape.js' dosyasından içe aktarın;
// Shape sınıfını test edin
const myShape = new Shape('blue');
console.log(myShape.describe()); // Çıktı: "A blue shape"
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üzenleme11Proje: Bir Şekil Çizici
Kurulum: Şekil Sınıfı ve Dışa AktarmaDaire Sınıfı KalıtımıGeçersiz Kılma ve Alan MetoduStatik Şekil Sayacı6Proje: 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