Prośba o wyjasnienie kodu

Question

Witam,

 

Mógłby ktoś mi wytłumaczyć ten krótki kod:

function _KlasaObiektu(_width,_height) {  

    this.width = _width;  

    this.height = _height;

    this.wypisz = function() {

        alert(this.width + 'x' + this.height)

    }

}

 

Answer 1

W ten sposób tworzysz "klasę", na podstawie której możesz stworzyć wiele obiektów.

Np.

var obiekt = new _KlasaObiektu(100, 200);

Dzięki temu, że właściwości są przypisane do this, które wskazuje na nasz obiekt, możesz odwołać się do tych właściwości w taki sposób:

obiekt.width // będzie zawierało 100.

obiekt.height // będzie zawierało 200

Funkcja wypisz() to jest metoda tej klasy, którą możesz wywołać tak:

obiekt.wypisz() // wypisze: 100x200

Proste?

W ten sam sposób możesz stworzyć więcej obiektów.

Answer 2

Przy wywołaniu np.

a = new _KlasaObjekt(10,20);

zostanie stworzony obiekt o nazwie `a` i zostaną mu przypisane własności `a.width` oraz `a.height` a tym własnościom nadane wartości przekazane w `_width` i `_height` (czyli tutaj to będzie odpowiednio 10 i 20)

Do tego jeszcze zostanie obiektowi przypisana funkcja `a.wypisz()`.

Odnośnie tego co napisałeś w jednym z komentarzy: powyższy kod nie powoduje wywołania funkcji tylko zdefinowanie funkcji i przypisanie jej do nazwy `wypisz`.

Answer 3

Przeczytaj o konstruktorach w JS, wszystko się wyjaśni.

Comments

Ok.Spóbuje to sam wyjasnic,jak cos zle napisze to prosze mnie poprawić:)

function _KlasaObiektu(_width,_height) {  

To jest funkcja(metoda) o nazwie _klasaobiektu posiadając własciwosci :width  i height

this.width = _width;  //tego zapisu do konca nie rozumiem.

 

this.height = _height;  //Tego tez nie

this.wypisz = function(){ //tu chyba wywołujemy funkcje(metode).

alert(this.width + 'x' + this.height); //a tu ją wypisujemy

}

---

brak mi deklaracji obiektu "this", którego we funkcji modyfikowane są własciwości wysokości i szerokości

---

Obiekt ma pola width, height oraz metodę wypisz.

var obiekt = new _KlasaObiektu(400,200);

Tak tworzysz nowy obiekt, zostaje wywołana funkcja, którą podałeś.

this.width = _width; // w tym przypadku this.width = 400;

Z tego co piszesz wydaję się, że nie wiesz czym jest obiekt, bez tego nie załapiesz o co tu chodzi.

---

Obiekt to wiem co to jest.Np:monitor i on ma swoje własciwosci typu szerokosc,wysokość.

---

... może to nie pełny wycinek kodu, aby móc modyfikować obiekt musisz go najpierw zadeklarować/jakiś konstroktor jego ... tu brak deklaracji w tym wycinku kodu...