Obiekt w JavaScript

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Obiekt w JavaScript

Obiekt w JavaScript to struktura przechowująca dane w postaci par klucz: wartość. Klucze nazywa się najczęściej właściwościami obiektu. Jeżeli wartością właściwości jest funkcja, mówi się o metodzie obiektu.

Przykład obiektu

var obiekt1 = {
  x: 0,
  y: 0,
  wsp: function() {
    // instrukcje
  }
};

W tym przykładzie obiekt obiekt1 ma:

  • x: 0 — właściwość,
  • y: 0 — właściwość,
  • wsp: function() { ... } — metodę, ponieważ wartością jest funkcja.

Dlatego taki obiekt opisujemy jako mający dwie właściwości i jedną metodę.

Właściwość a metoda

Właściwość przechowuje dane, np. liczbę, tekst, tablicę lub inny obiekt.

var punkt = {
  x: 10,
  y: 20
};

Metoda wykonuje działanie, ponieważ jest funkcją przypisaną do obiektu.

var punkt = {
  x: 10,
  y: 20,
  pokaz: function() {
    console.log(this.x, this.y);
  }
};

Odwoływanie się do elementów obiektu

Do właściwości i metod można odwoływać się za pomocą kropki:

console.log(punkt.x); // odczyt właściwości
punkt.pokaz();        // wywołanie metody

W zadaniach egzaminacyjnych warto zwracać uwagę, czy po nazwie występuje function. Jeśli tak, jest to metoda obiektu.