Когда использовать методы в конструкторе, а когда — в прототипе?

Question

alexnotonfire @alexnotonfire

JavaScript

Когда использовать методы в конструкторе, а когда — в прототипе?

Я не понимаю, в каких случаях необходимо метод объекта объявлять в самом конструкторе, а когда - в прототипе.

Вот например в коде ниже я не вижу разницы между двумя методами и хотелось бы чтобы кто-то пролил свет на их использование.

function A() {
  this.method = function() {
    alert('Метод конструктора');
  }
}

A.prototype.method2 = function() {
	alert('Метод прототипа');
}

let object = new A();

Известно ведь, что в новом стандарте ES6 с синтаксисом классов и вовсе нет методов в конструкторе.

Вопрос задан более трёх лет назад
1337 просмотров

2 комментария

Подписаться 2 Простой 2 комментария

Kovalsky @lazalu68

"в новом стандарте ES6 с синтаксисом классов и вовсе нет методов в конструкторе" - конечно есть.

"я не вижу разницы между двумя методами" - разница в том, что один объявлен как свойство экземпляра, а другой - как свойство прототипа, методы из которого наследуются экземплярами. Технически, это исчерпывающий список различий. Остальное - последствия, например хранение метода в каждом экземпляре приведет к увеличенному расходу памяти и т.д.

"Когда использовать методы в конструкторе, а когда — в прототипе?" - и в том и в другом случае ответ один: когда это нужно. Если не видите нужды в чем-то, то не делайте этого; все просто. Нужно забить память объявлением однотипных функций? Объявляйте методы в конструкторе. Не нужно? Объявляйте в прототипе.

Хорошего примера объявления методов в конструкторе, к сожалению, не могу привести.

Написано более трёх лет назад
alexnotonfire @alexnotonfire Автор вопроса

Никита Полевой, Благодарю.

Написано более трёх лет назад

"в новом стандарте ES6 с синтаксисом классов и вовсе нет методов в конструкторе" - конечно есть.

"я не вижу разницы между двумя методами" - разница в том, что один объявлен как свойство экземпляра, а другой - как свойство прототипа, методы из которого наследуются экземплярами. Технически, это исчерпывающий список различий. Остальное - последствия, например хранение метода в каждом экземпляре приведет к увеличенному расходу памяти и т.д.

"Когда использовать методы в конструкторе, а когда — в прототипе?" - и в том и в другом случае ответ один: когда это нужно. Если не видите нужды в чем-то, то не делайте этого; все просто. Нужно забить память объявлением однотипных функций? Объявляйте методы в конструкторе. Не нужно? Объявляйте в прототипе.

Хорошего примера объявления методов в конструкторе, к сожалению, не могу привести.

Answer 1 · 2017-11-13 15:15:51

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

Вот простой пример как лучше делать es5

var root = document.getElementById('root');

// наш конструктор
function FabricButton(options) { 
    this.element = document.createElement('button');
    this.element.innerHTML = (typeof options.text == 'string') ? options.text : 'there had to be text';
    this.element.style.color = (typeof options.color == 'string') ? options.color : 'blue';
}

// выносим метод нашего класса в прототип, чтобы при создание не перезаписывать его
FabricButton.prototype.render = function(root) {
  root.appendChild(this.element);
}

function FabricButtonPopup(options) { 
    FabricButton.call(this, options);
    this.element.addEventListener('click', this.popup);
}

// Здесь наследуем наш прототип, то есть сюда попадет {constructor: f, render: f} 
FabricButtonPopup.prototype = Object.create(FabricButton.prototype);
FabricButtonPopup.prototype.constructor = FabricButtonPopup; // переопределяем ссылку на наш конструктор

FabricButtonPopup.prototype.popup = function() {
  prompt('open window')
}

var button = new FabricButton({
  text: 'press here',
  color: null
})

var buttonPopup = new FabricButtonPopup({
  text: 'press here man',
  color: 'red'
})

Когда использовать методы в конструкторе, а когда — в прототипе?

Войдите на сайт