В чем отличие между наследованием в объектах и прототипах?

Question

[Nikita Shchypylov]

И так, у нас есть конструктор:

function Func(name) {
  this.name = name;
}

Метод можно добавить внутрь :

function Func(name) {
  this.name = name;

  this.sayHi = function() {
    alert( "Моё имя: " + this.name );
  };
}

или в прототип:

Func.prototype.sayHi = function() {
    alert( "Моё имя: " + this.name );
  };

Какая между ними разница?

Answer 1

[Дмитрий Беляев]

Прототип будет общий у всех объектов наследников, притом для самих объектов данные поля не будут собственными
А в случае создания методов внутри конструктора каждый раз будут создаваться новые функции, что медленнее и жрет больше памяти

Comments

[Nikita Shchypylov]

Хорошо, если допустим я объявил метод экземпляра и создал новый экземпляр, в котором хочу переписать этот метод. Эти изменения отразятся на всех экземплярах или только в том, в котором я переопределил?

[Дмитрий Беляев]

Nikita Schipilov: если изменения внесены в экземпляр, они отразятся только на нем, если изменения внесены в прототип, то отразятся на всех экземплярах

Answer 2

[Mikhail Osher]

var foo = new Func('foo');
var bar = new Func('bar');

console.log(foo.sayHi === bar.sayHi);

В первом случае выдаст false, во втором - true.

https://learn.javascript.ru/prototype

Answer 3

[arctblake]

В первом случае каждый раз, когда создается новый объект в него записывается все подряд - и обычные свойства и свойства-методы. Во втором случае - только обычные свойства. Это экономнее по памяти, так как зачем в каждый объект записывать методы, если эти методы одинаковые для всех подобных объектов