Deklaracja i tworzenie obiektów klas w JavaScript

Stronę tą wyświetlono już: 1358 razy

JavaScript, jeżeli chodzi o deklarowanie klas ma dość nietuzinkowe podejście, a to dlatego, że deklarację klasy w JavaScript tworzy się za pomocą słowa kluczowego function. Przykład implementacji:

Listing 1
  1. function Person(_name, _surname, birth_year, birth_month, birth_day){
  2. this.name = _name; // pole publiczne klasy
  3. this.surname = _surname;
  5. var birthday; // pole prywatne klasy przechowujące datę urodzin delikwenta
  7. var checkBirthDay = function(birth_year, birth_month, birth_day){ // prywatna metoda sprawdzająca, czy data urodzin jest poprawna
  8. var now = new Date();
  9. if(now.getFullYear() < birth_year){
  10. alert("Niepoprawna data urodzin (rok się nie zgadza)");
  11. return false;
  12. }else if(now.getFullYear() == birth_year && now.getMonth() + 1 < birth_month){
  13. alert("Niepoprawna data urodzin (miesiąc się nie zgadza)");
  14. return false;
  15. }else if(now.getFullYear() == birth_year && now.getMonth() + 1 == birth_month && now.getDate() < birth_day){
  16. alert("Niepoprawna data urodzin (dzień się nie zgadza)");
  17. return false;
  18. }else{
  19. return true;
  20. }
  21. }
  23. this.setBirthDay = function(birth_year, birth_month, birth_day){ // publiczna metoda ustawiająca datę urodzin
  24. if(checkBirthDay(birth_year, birth_month, birth_day)){ // tutaj wywołanie prywatnej metody klasy
  25. birthday = new Date(birth_year, birth_month, birth_day);
  26. }else{
  27. birthday = new Date();
  28. }
  29. }
  31. this.setBirthDay(birth_year, birth_month, birth_day); // wywołanie publicznej metody klasy w jej wnętrzu
  33. this.getAge = function(){ // publiczna metoda zwracająca wiek delikwenta
  34. return new Date().getFullYear() - birthday.getFullYear();
  35. }
  37. this.showPersonData = function(){ // publiczna metoda
  38. alert("Imię: " + this.name + "; nazwisko: " + this.surname + " data urodzin: " + ("0" + birthday.getDate()).substr(-2) + "-" + ("0" + (birthday.getMonth() + 1)).substr(-2) + "-" + birthday.getFullYear() + "; wiek: " + this.getAge());
  39. };
  40. }
  42. var person = new Person("Marian", "Paździoch", 1990, 1, 1); // utworzenie nowego obiektu klasy za pomocą słowa kluczowego new
  44. person.showPersonData(); // wywołanie publicznej metody klasy

Coby nie pisać zbyt wiele, w powyższym kodzie fragment:

Listing 2
  1. this.name = _name; // pole publiczne klasy
  2. this.surname = _surname;

tworzy publiczne pola klasy, które dostępne będą zarówno wewnątrz jak i na zewnątrz klasy. Z kolei prywatne pole klasy tworzy ta linijka:

Listing 3
  1. var birthday; // pole prywatne klasy przechowujące datę urodzin delikwenta

Metody publiczne zostały utworzone w linii 23, 33 oraz 37, natomiast prywatna metoda w linii 7.

Wywołanie konstruktora klasy ma miejsce w tym fragmencie kodu:

Listing 4
  1. var person = new Person("Marian", "Paździoch", 1990, 1, 1); // utworzenie nowego obiektu klasy za pomocą słowa kluczowego new

Możliwe jest również rozszerzenie deklaracji klasy o kolejne metody w następujący sposób:

Listing 5
  1. Person.prototype.showNameAndSurname = function(){
  2. alert("Imię: " + this.name + "; nazwisko: " + this.surname);
  3. }
  5. person.showNameAndSurname(); // wywołanie metody publicznej klasy Person

W ten sam sposób można dodać do deklaracji klasy publiczne pole.

Komentarze