Разница между свойствами класса и прототипом функции в Javascript

Question

Мне нравится изучать разницу между свойством класса и прототипом в Javascript. То, что я имею в виду, показано в коде:

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

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

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

То, что я знаю, это то, что прототип работает как объект наследования, что означает, что UNIT теперь будет показывать все экземпляры, но Rectangle.UNIT = new Rectangle(1, 1); код не делает то же самое?

Answer 1

Rectangle.UNIT - это свойство класса static . Доступ к нему возможен только в объекте класса Rectangle. Он не будет доступен ни в одном случае Rectangle.

Rectangle.prototype.UNIT является свойством прототипа и может быть доступно в экземплярах Rectangle.

Если вы создадите класс Square, который наследуется от Rectangle, любые экземпляры Square будут иметь то же свойство прототипа, но не любые свойства статического класса.

Вы можете найти эти статьи полезными (хотя, возможно, немного неясными):

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

Answer 2

Языки на основе классов и прототипов @ Центр разработчиков Mozilla. Ухоженная!

Answer 3

Rectangle.UNIT похож на статический член класса, тогда как Rectangle.prototype.UNIT является локальным членом. Похоже, вы хотите Rectangle.UNIT в вашем случае, потому что вам нужен только один статический экземпляр объекта.