Prototypes and Inheritance

Question

Недавно я начал изучать Javascript, поскольку я отправляюсь из мира Java. Я получил эту книгу под названием JavaScript The Definitive guide.. Сейчас я немного запутался в прототипах и наследовании. Я хочу знать, в чем разница между установкой функции в свойство объекта и прототипом функций. Из книги, например:

function Rectangle(w, h) { 
this.width = w; 
this.height = h; 
this.area = function() { return this.width * this.height; } 
} 

С этой новой версии конструктора, вы можете написать код так:

// How big is a sheet of U.S. Letter paper in square inches? 
var r = new Rectangle(8.5, 11); 
var a = r.area(); 

Это решение работает лучше, но по-прежнему не является оптимальным (почему). Каждый созданный прямоугольник будет иметь три свойства (да, и что?). Свойства ширины и высоты могут быть разными для каждого прямоугольника , но область каждого отдельного объекта Rectangle всегда относится к той же функции (кто-то может ее изменить, конечно, но вы обычно намереваетесь методы объекта, который будет постоянным). Неэффективно использовать регулярные свойства для методов , предназначенных для совместного использования всеми объектами того же класса (ПОЧЕМУ В чем проблема?) (То есть все объекты , созданные с тем же конструктором).

Answer 1

объекта Rectangle всегда относится к тем же функциям

Это неправильно. Каждый объект rectangle будет иметь свою собственную копию функции, назначенной для свойства area.

Хотя, если вы использовали определение на основе прототипа, у вас будет одна функция, совместно используемая во всех экземплярах.

Так от производительности и памяти точки потребления зрения лучше определить его как

Rectangle.prototype.area = function() { 
    return this.width * this.height; 
};