Menu
Coddy logo textTech

Właściwości i metody

Część sekcji Programowanie obiektowe ścieżki JavaScript w Coddy. Lekcja 13 z 56.

Klasy w JavaScript pozwalają definiować właściwości i metody, które będą współdzielone przez wszystkie instancje klasy.

Utwórz klasę z właściwościami:

class Car {
  constructor(make, model) {
    this.make = make;
    this.model = model;
  }
}

Podczas tworzenia instancji konstruktor ustawia te właściwości:

const myCar = new Car('Toyota', 'Corolla');
console.log(myCar.make);  // Wynik: 'Toyota'
console.log(myCar.model); // Wynik: 'Corolla'

Dodaj metodę do klasy:

class Car {
  constructor(make, model) {
    this.make = make;
    this.model = model;
  }
  
  getDescription() {
    return `This car is a ${this.make} ${this.model}.`;
  }
}

Teraz możemy wywołać tę metodę na dowolnej instancji:

const myCar = new Car('Toyota', 'Corolla');
console.log(myCar.getDescription()); // Wynik: 'This car is a Toyota Corolla.'
challenge icon

Wyzwanie

Utwórz klasę o nazwie Book w pliku book.js, która zawiera:

  1. Konstruktor, który przyjmuje parametry title, author i pages oraz ustawia je jako właściwości.
  2. Metodę o nazwie getInfo, która zwraca ciąg znaków w formacie: “Title: [title], Author: [author], Pages: [pages]”
  3. Eksportuj klasę, dodając `export` przed deklaracją `class`

Spróbuj swoich sił

import { Book } from './book.js';

// Test (nie modyfikuj tej części)
const book = new Book("JavaScript Basics", "John Doe", 200);
console.log(book.getInfo());
quiz iconSprawdź się

Ta lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.

Wszystkie lekcje w sekcji Programowanie obiektowe

Poćwicz samodzielnie: Kompilator JavaScript online