Unterschied zwischen Klasseneigenschaften und Funktion Prototype in Javascript

Question

Ich mag den Unterschied zwischen Klasseneigenschaft und Prototype in Javascript lernen, was ich meine ist im Code gezeigt:

function Rectangle(x, y) { 
    this.width = x; 
    this.height = y; 
} 

Rectangle.UNIT = new Rectangle(1, 1); 

Rectangle.prototype.UNIT = new Rectangle(1, 1); 

Das, was ich weiß, ist Prototyp arbeitet wie Objekt erben, was bedeutet, UNIT wird von nun an alle Instanzen angezeigt werden, aber Rectangle.UNIT = new Rectangle(1, 1); Code nicht das gleiche tun?

Answer 1

Rectangle.UNIT ist eine statische Klasseneigenschaft. Es kann immer nur auf das Rectangle-Klassenobjekt zugegriffen werden. Auf Rectangle-Instanzen kann nicht zugegriffen werden.

Rectangle.prototype.UNIT ist eine Prototypeigenschaft und kann auf Instanzen von Rectangle zugegriffen werden.

Wenn Sie eine Klasse Square machen, die von Rectangle erbt, werden alle Instanzen von Square die gleiche Eigenschaft prototype teilen, aber nicht keine statische Klasse Eigenschaften.

Sie können diese Artikel hilfreich (wenn auch vielleicht ein wenig dunkel):

• http://phrogz.net/JS/Classes/OOPinJS.html
• http://phrogz.net/JS/Classes/OOPinJS2.html
• http://javascript.crockford.com/prototypal.html

Answer 2

Rectangle.UNIT ist wie eine Klasse statisches Element, während Rectangle.prototype.UNIT ist ein lokales Mitglied. Sieht so aus, als ob Sie Rectangle.UNIT in Ihrem Fall haben möchten, weil Sie nur eine statische Instanz des Objekts benötigen.

Answer 3

Class-Based vs. Prototype-Based Languages @ Mozilla-Entwicklerzentrum. Ordentlich!