Czym jest klasa?
Część sekcji Programowanie obiektowe ścieżki JavaScript w Coddy. Lekcja 11 z 56.
Klasa w JavaScript to szablon służący do tworzenia obiektów ze wstępnie zdefiniowanymi właściwościami i metodami. Klasy wprowadzono w ES6 i zapewniają czytelniejszą, bardziej intuicyjną składnię do tworzenia obiektów i obsługi dziedziczenia.
Zdefiniuj prostą klasę:
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
}Metoda constructor to specjalna metoda wywoływana podczas tworzenia obiektu na podstawie klasy.
Utwórz instancję klasy:
const john = new Person("John", 25);Uzyskaj dostęp do właściwości utworzonego obiektu:
console.log(john.name); // Wynik: "John"
console.log(john.age); // Wynik: 25Wyzwanie
Utwórz klasę o nazwie Car z konstruktorem, który przyjmuje dwa parametry: make i model. Konstruktor powinien ustawić te wartości jako właściwości obiektu.
Spróbuj swoich sił
// TODO: Utwórz klasę o nazwie Car
// TODO: Dodaj konstruktor, który przyjmuje dwa parametry: make i model
// TODO: Ustaw te wartości (make i model) jako właściwości obiektu
// Nie modyfikuj poniższego kodu
const make = inp[0];
const model = inp[1];
const car = new Car(make, model);
console.log(car.make)
console.log(car.model)Ta lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.
Wszystkie lekcje w sekcji Programowanie obiektowe
1Obiekty i słowo kluczowe this
Szybka powtórka: obiektyDodawanie metod do obiektówZrozumienie słowa kluczowego thisFunkcje konstruktoraSłowo kluczowe newWyzwanie podsumowujące7Dziedziczenie i słowo kluczowe extends
DziedziczenieRelacja „jest rodzajem”Słowo kluczowe extendsMetoda super()Dziedziczenie właściwości i metodWyzwanie podsumowujące10Polimorfizm
Czym jest polimorfizm?Nadpisywanie odziedziczonych metodUżywanie superWyzwanie podsumowujące13Kompozycja a dziedziczenie
Relacja „ma” a relacja „jest”Ograniczenia głębokiego dziedziczeniaTworzenie obiektów2Organizowanie kodu
Czym są moduły?Eksportowanie za pomocą exportImportowanie za pomocą importEksporty domyślne a nazwane5Enkapsulacja i dostęp
EnkapsulacjaPubliczne i prywatne pola klasyMetody prywatneWyzwanie podsumowujące8Organizowanie kodu OOP
Organizowanie klas w moduły11Projekt: Renderer kształtów
Konfiguracja: klasa Shape i eksportDziedziczenie klasy CircleNadpisywanie i metoda obliczania polaStatyczny licznik kształtów14System zarządzania biblioteką
Projektowanie bibliotekiKlasa Book z kompozycjąWalidacja autora książki9Metody i właściwości statyczne
Poziom klasy a poziom instancjiWłaściwości statyczneStatyczne metody pomocniczeWyzwanie podsumowującePoćwicz samodzielnie: Kompilator JavaScript online