Menu
Coddy logo textTech

Klasy

Lekcja 7 z 9 w kursie Podchwytliwe elementy nowoczesnego JavaScriptu (ES6+) w Coddy.

Klasa to szablon służący do tworzenia obiektów

Użyj słowa kluczowego class, aby utworzyć klasę.

Klasa może mieć specjalną metodę o nazwie constructor, która inicjalizuje zmienne obiektu.

Metoda constructor jest wykonywana, gdy obiekt zostaje utworzony na podstawie klasy przy użyciu słowa kluczowego new. Np. const person = new Person("Coddy");

class Employee {

  constructor(name, id) { //konstruktor
    this.name = name;
    this.id = id;     
  }
  
  work(){    // metoda klasy 
  	console.log("Employee works");
  }
}

Zwróć uwagę, że w powyższym przykładzie klasa Employee jest szablonem obiektu, który będzie mieć dwie właściwości (zmienne), tj. name, id oraz metodę o nazwie work.

const employee1 = new Employee("John Doe", 10001) ; // podaj wartości name i id w konstruktorze

console.log(employee1.name) // John Doe  - dostęp do zmiennych

employee1.work() // "Employee works" - dostęp do metod
challenge icon

Wyzwanie

Łatwy

Utwórz klasę Person, która będzie mieć właściwości name i age oraz metody update i print.

Metoda update powinna przyjmować parametry name i age oraz aktualizować właściwości klasy name & age.

Metoda print powinna wypisywać wartości name i age w formacie: "Person name: <name>, age: <age>"  gdzie <name> i <age> to wartości name i age.

Przykład: "Person name: Shubham, age: 25"

Nie zapomnij o konstruktorze, który zainicjalizuje właściwości

Spróbuj swoich sił

Wszystkie lekcje w sekcji Podchwytliwe elementy nowoczesnego JavaScriptu (ES6+)

Poćwicz samodzielnie: Kompilator JavaScript online