Pytanie co do JS

Question

Witam od ostatniego bawię się bardziej JS. I natknąłem się na taką o to dla mnie zagwozdkę. Tworzę konstruktor, a następnie dodaje funkcje Pole() jednym sposobem, a następnie funkcje Objetosc(). Następnie jak utworze obiekt i chce je wywołać, VSC podpowiada mi, że jedna jest właściwością a druga metodą. I może ktoś mi wyjaśnić jaka różnica pomiędzy tymi dwoma sposobami i który jest poprawniejszy. Z góry dziękuje za odp.

function Szescian(a){
  this.a = a;
}

Szescian.prototype = {
  Pole : function(){
      console.log('Pole = '+ (6*(this.a*this.a))+" j^2")
  }
};

Szescian.prototype.Objetosc = 
  function(){
   console.log('Objetosc = '+ ((this.a*this.a*this.a))+" j^3")
 };

var szescian = new Szescian(4);


szescian.Pole() //Wlasciwosc
szescian.Objetosc() // Metoda

 

Answer 1

Pierwszy jest właściwością bo jest obiektem z property Pole

Ps. Polecam stosować już "nowe" class. https://developer.mozilla.org/pl/docs/Web/JavaScript/Reference/Classes

Comments

I "nowe" let i const

---

Ok, dzięki za odp, a co class to się do informuje. Czyli dobrze rozumiem, że jak dodaje funkcje do właściwości Pole to anonimowo tworze obiekt i przypisuje go do tej właściwości. A w drugi przypadku dodaje po prostu metodę ?

---

Tak

---

Dodam, że w pierwszym przypadku prototyp "klasy" Szescian jest nadpisywany, a w drugim mutowany. Jeśli zamieni się miejscami te dwa fragmenty kodu, to ostatecznie prototyp będzie zawierać metodę Pole, ale już nie Objetosc. Więc jeśli już dłubać w prototypie w ten sposób (ES5 way), to bezpieczniej go mutować niż nadpisywać.

Skoro BarbarossaWielki wspomniał o class, const i let, to dodam jeszcze, że w przypadku metod warto stosować skrócony zapis: http://es6-features.org/#MethodProperties

Swoją drogą, z dużej litery powinno się pisać nazwy klas/konstruktory, a nie zwykłe metody.